大家好，又见面了，我是你们的朋友全栈君。
我们都知道，dropdownlist控件是无法直接输入文本的，只能选择下拉菜单中的选项。为了方便使用，我们可以用多种方法来实现既可选择又可输入的dropdownlist的效果。主要思路有.通过js代码来实现，或是在后台代码中实现。但是今天主要介绍通过html中的select和input控件相结合的的来实现。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>可输入的dropdownlist</title>
</head>
<body>
<table>
<tr>
<td style="font-size: 12px;">
既可以输入新的信息，又可以从下拉框中选择：
</td>
<td>
<select name="myselect" id="myselect" runat="server" style=" width:200px; position:absolute; clip:rect(auto auto auto 181px); " οnchange="document.getElementById('txtPlace').value=this.value" >
<option value="">请选择</option>
<option value="大一"> 大一 </option>
<option value="大二"> 大二 </option>
<option value="大三"> 大三 </option>
<option value="大四"> 大四 </option>
</select>
<input name="txtPlace" id="txtPlace" style=" width:200px;" type="text" />
</td>
</tr>
</table>
</body>
</html>我们还可以在css文件中设置他们的显示效果，比如：
input, select {
font-size:16px; //设置字体大小
border:1px solid #CFCFCE; //设置边框效果
}如果下拉框里的内容需要从数据库里获取的话，可以为select设置数据源并绑定：
List<suppliesinfo> unitlist = new CommonFunction().BCheckSupplies();
myselect.DataSource = unitlist;
myselect.DataTextField = "unit";
myselect.DataBind();下面就是最终的实现效果：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/105742.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
