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

时间 2019-11-24

标签实现输入填写动态提示信息下拉选择繁體版

原文原文链接

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

using System;html

using System.Collections.Generic;java

using System.Linq;jquery

using System.Web;数组

using System.Web.UI;ui

using System.Web.UI.WebControls;orm

public partial class Default2 :System.Web.UI.Pageserver

{xml

protected void Page_Load(object sender, EventArgs e)htm

{

if (IsPostBack)

{

}

using (UsersDataContext con = new UsersDataContext())

{

string s = "" ;

int count = 0;

List<Users> 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" %>

<!DOCTYPE html>

</head>

<body>

<div>

用户名：

<asp:TextBox ID="TextBox1" runat="server"list="li" autocomplete="off"></asp:TextBox>

<optionvalue="123"></option>

</datalist>

<asp:Label ID="Label1" runat="server"Text="Label"></asp:Label>

<asp:HiddenField ID="HiddenField1" runat="server"/>

</div>

</form>

</body>

</html>

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

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

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

var v = "";

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

{

v += "<option value=\"" + strs[i] + "\"></option>";

}

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

//取值从 TextBox 中取

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

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

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

});

</script>

页面展现

更多精彩内容，加群434623999