javascript可输入的下拉列表

本文介绍了如何使用JavaScript创建一个可输入的下拉列表,包括添加样式表、设置HTML结构、添加脚本代码和CSS样式,以及在C#中处理控件值的方法。这个下拉列表允许用户输入搜索关键字,并提供了动态更新选项的功能。
摘要由CSDN通过智能技术生成

可输入的下拉列表用法,
1.在html中添加链接<link rel="STYLESHEET" type="text/css" href="ComboBox.css" />
2.在使用的地方添加如:<td id="modified" width="175px">
3.最后添加脚本代码:<script src=ComboBox.js></script><script language=javascript>
dm=new ComboBox("dm");
dm.add(
       new ComboBoxItem("barge","barge"),
       new ComboBoxItem("benluc","benluc"),
       new ComboBoxItem("benlieeeeck","benlieeeeck"),
       new ComboBoxItem("taco","taco")
      );</script>或者
<script src="ComboBox.js"></script> 
<script>
dm=new ComboBox("dm");
<%System.Data.DataTable dtPro=DataAccess.dataSet("SELECT distinct(Project) FROM BudgetProject").Tables[0];
    for (int i = 0; i < dtPro.Rows.Count; i++){%>
          dm.add(new ComboBoxItem('<%=dtPro.Rows[i][0].ToString()%>','<%=dtPro.Rows[i][0].ToString()%>'));
<% }  %>  </script>
4.在<title>之间添加
<script language="javascript">
function changeToCS()
{
   document.getElementById("TxtSearch").value = dm.value;
}</script>
5.在c#中使用要在前台添加控件如:<input type="hidden" id="txtCombo" runat="server" />才能通过txtCombo.Value来调用控件的值.

**********************************combo.Css *************************************************
.combo-button {
 cursor:   hand;
 cursor:   pointer; 
 height:   20px;
 border:   1px solid rgb(120,172,255);
 padding:  0;
 background:  rgb(234,242,255);
 width:   14px;
 vertical-align: baseline;
 font-size:  8pt;
 font-family: Webdings, Marlett;
}
.combo-hilite {
 cursor:   hand;
 cursor:   pointer;
 background:  rgb(234,242,255);
 border:   1px solid rgb(120,172,255);
 color:   black;
 font-family: verdana;
 font-size:  9pt;
}
.combo-item   {
 cursor:   hand;
 cursor:   pointer;
 background:  white;
 border:   1px solid white;
 color:   black;
 font-family: verdana;
 font-size:  9pt;
}

.combo-input  {
 border:   1px solid rgb(120,172,255) !important;
 width:   138px !important;
 vertical-align: baseline;
}

.combo-list table {
 table-layout: fixed;
 width:   149px;
}

.combo-list {
 bo

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值