美文网首页
实现输入框【输入填写+动态提示信息+下拉选择】

实现输入框【输入填写+动态提示信息+下拉选择】

作者: 4638d5195a5f | 来源:发表于2017-11-18 11:17 被阅读0次

实现输入框能填写能下拉选择,填写时动态提示

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class Default2 :

System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (IsPostBack)

{

}

using (UsersDataContext con = new UsersDataContext())

{

string s = "" ;

int count = 0;

List ulist = con.Users.ToList();

for (int i = 0; i < ulist.Count; i++)

{

if (count > 0)

s += ",";

s += ulist[i].Nickname;

count++;

}

HiddenField1.Value = s; //将需要的信息放到隐藏控件中

}

}

}

后台数据

<%@ Page Language="C#"

AutoEventWireup="true" CodeFile="Default2.aspx.cs"

Inherits="Default2" %>

用户名:

="text/javascript">

var b = $("#HiddenField1").val();//取隐藏的值

var strs = new Array();//定义数组

strs = b.split(",");//将字符分割

var v = "";

for (var i = 0; i < strs.length;i++)

{

v += "";

}

$("#li").html(v);

//取值从TextBox中取

$("#TextBox1").change(function () {

var av = $("#TextBox1").val();

$("#Label1").html(av);

});

页面展示

H��K��F

相关文章

  • 实现输入框【输入填写+动态提示信息+下拉选择】

    实现输入框能填写能下拉选择,填写时动态提示 using System; using System.Collecti...

  • bootstrap 自动补全插件 suggest

    suggest是一款输入框下拉提示的插件,能实现的效果是根据输入的内容筛选下拉选项,获得更好的下拉选择体验。 参考...

  • 表单设计经验集锦

    一、表单结构 标签:告诉用户表单问题是什么; 输入框或者下拉框:供给用户填写或选择答案信息; 动作:用户提交表单,...

  • html5简单回顾-06-05

    新增属性: ①placeholder="提示信息"——输入框提示信息,输入框为空时显示,获得焦点输入内容后消失 ②...

  • grafana 创建 datasource报 http erro

    原因: url 栏没有填写,url 输入框会有提示,但是我以为默认填写进去了,就没有手动输入。

  • Axure制作会员注册即时反馈交互效果

    该案例实现的交互效果是: 当用户在输入框输入信息进行判断,若输入错误则立即显示红色错误提示;如果文本输入框符合要求...

  • 表单设计

    0. 组成五元素:输入框,标签, 动作,帮助信息, 输入反馈 。 1. 输入框:单选框,文本输入框,下拉框,文本区...

  • 试卷——DOM操作

    通过DOM实现试卷的检查基本信息的填写以及评分功能 通过对每一个文本输入框以及Radio选择框进行id的设置 在s...

  • 输入框下拉提示效果

    制作时间:13:30 - 15:45 平常在网站登录/注册时,填写邮箱或用户名时,都会有下拉的提示,直接点击你想要...

  • css3常用相关属性

    表单特性与函数 placeholder : 输入框提示信息 autocomplete : 是否保存用户输入...

网友评论

      本文标题:实现输入框【输入填写+动态提示信息+下拉选择】

      本文链接:https://www.haomeiwen.com/subject/fvrevxtx.html