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

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

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

你可能感兴趣的:(实现输入框【输入填写+动态提示信息+下拉选择】)