實現輸入框【輸入填寫+動態提示信息+下拉選擇】

時間 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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。