在select进行搜索的问题

Question

那是CS程序的做法,WEB里面不行.
你有两个解决办法:
1.用联动下拉框实现
2.你自己写一棵树,点击弹出,动态读取.

Answer 1

建议把所有的option都放到一个数组里,然后按照字母排序,把要查找的字母放到最前面.

Answer 2

sort 方法
返回一个元素已经进行了排序的 Array 对象。 arrayobj.sort(sortfunction) 参数
arrayObj必选项。任意 Array 对象。sortFunction可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。 说明
sort 方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。 如果为 sortfunction 参数提供了一个函数，那么该函数必须返回下列值之一： 负值，如果所传递的第一个参数比第二个参数小。 
零，如果两个参数相等。 
正值，如果第一个参数比第二个参数大。 
示例
下面这个例子说明了 sort 方法的用法： function SortDemo(){
   var a, l;                       // 声明变量。
   a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
   l = a.sort();                   // 排序数组。
   return(l);                      // 返回排序的数组。
}

Answer 3

可是要怎么动态实现select里面option数目的变化
然后复位 等等
怎么根据输入的文字然后把不相关的option从select里面去掉

Answer 4

我给你一个我写的二级无刷新联动下拉框吧.以下为页面代码:<form id="Form1" method="post" runat="server">
<asp:DropDownList id="DropDownList1" runat="server"></asp:DropDownList>
<asp:DropDownList id="DropDownList2" runat="server"></asp:DropDownList>
<SCRIPT LANGUAGE="JavaScript">
<!--
//以XML求取数据
function XmlPost(obj)
{
　　var svalue = obj.value;
　　var webFileUrl = "?brc_id=" + svalue;
　　var result = "";
　　var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
　　xmlHttp.open("POST", webFileUrl, false);
　　xmlHttp.send("");
　　result = xmlHttp.responseText;
　　
　　if(result != "")
　　{
　　　　document.all("DropDownList2").length=0;
　　　　var piArray = result.split(",");
　　　　for(var i=0;i<piArray.length;i++)
　　　　{
　　　　　　var ary1 = piArray[i].toString().split("|");
　　　　　　//alert(ary1[0].toString());
　　　　　　document.all("DropDownList2").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　}
　　}
　　else
　　{
　　　　alert(result);
　　}
}
//-->
</SCRIPT>　　　　
</form>以下为后台代码:private System.Data.OleDb.OleDbConnection conn;private DataTable get_dt(string sql)
{
　　string connstr = "Provider=MSDAORA.1;Password=aqjc;User ID=aqjc;Data Source=aqjc";
　　this.conn = new OleDbConnection(connstr);
　　this.conn.Open();
　　OleDbCommand myOleDbCommand = new OleDbCommand(sql,this.conn);
　　OleDbDataAdapter myData = new OleDbDataAdapter(myOleDbCommand);　　DataSet myDataset = new DataSet();
　　try
　　{
　　　　myData.Fill(myDataset);
　　}
　　catch(Exception ex)
　　{
　　　　throw ex;
　　}　　this.conn.Close();
　　return myDataset.Tables[0];　　
}private void Page_Load(object sender, System.EventArgs e)
{
　　string brc_id = this.Request.QueryString["brc_id"];
　　if(brc_id + "a" != "a")
　　{
　　　　this.down2_bind(brc_id);
　　}　　if(!this.IsPostBack)
　　{
　　　　this.down1_bind();
　　}
}/// <summary>
/// 返回第2个下拉框需要的值给xmlhttp
/// </summary>
/// <param name="brc_id"></param>
private void down2_bind(string brc_id)
{
　　string mystr = "";
　　string sql = "select brc_id,brc_name from asm_branch where brc_parentid = '" + brc_id + "'";
　　DataTable mytab = this.get_dt(sql);　　if(mytab.Rows.Count != 0)
　　{
　　　　for(int i=0;i<mytab.Rows.Count;i++)
　　　　{
　　　　　　mystr += "," + mytab.Rows[i][0].ToString() + "|" + mytab.Rows[i][1].ToString();
　　　　}
　　　　mystr = mystr.Substring(1);
　　}
　　this.Response.Write(mystr);
　　this.Response.End();
}/// <summary>
/// 绑定第一个下拉框
/// </summary>
private void down1_bind()
{
　　string sql = "select brc_id,brc_name from asm_branch where brc_level = '1'";
　　DataTable mytab = this.get_dt(sql);
　　this.DropDownList1.DataSource = mytab;
　　this.DropDownList1.DataValueField = "brc_id";
　　this.DropDownList1.DataTextField = "brc_name";
　　this.DropDownList1.DataBind();
　　this.DropDownList1.Attributes.Add("onchange","XmlPost(this);");
}
  

Answer 5

谢谢楼上的哥们
但是我用的是jsp这个可能会有些困难。