DropDownList实现可输入可选择
2016-11-24 14:04
274 查看
1、js版本
2、jquery版本
出处:http://www.cnblogs.com/lengzhan/
本文版权归【冷战】和博客园所有,欢迎转载收藏,未经作者同意须保留此段声明,否则保留追究法律责任的权利。
<div style="z-index: 0; visibility: visible; clip: rect(0px 105px 80px 85px); position: absolute"> <asp:DropDownList ID="ddlModel" runat="server" Style="z-index: -1" Width="105px" onchange="getModelTo(this)"> <asp:ListItem Value="1">SSM-001</asp:ListItem> <asp:ListItem Value="2">DDW-523</asp:ListItem> <asp:ListItem Value="3">QSD-009</asp:ListItem> </asp:DropDownList> </div> <asp:TextBox ID="txtModel" runat="server" Style="z-index: 1px; position: absolute" Font-Size="9pt" Width="95px" Height="16px" MaxLength="50"></asp:TextBox> <script type="text/javascript"> function getModelTo(e) { document.getElementById("txtModel").value = e.options[e.selectedIndex].innerText; document.getElementById("txtModel").select(); } </script>
2、jquery版本
<div style="z-index: 0; visibility: visible; clip: rect(0px 105px 80px 85px); position: absolute"> <asp:DropDownList ID="ddlModel" runat="server" Style="z-index: -1" Width="105px" onchange="getModelTo(this)"> <asp:ListItem Value="1">SSM-001</asp:ListItem> <asp:ListItem Value="2">DDW-523</asp:ListItem> <asp:ListItem Value="3">QSD-009</asp:ListItem> </asp:DropDownList> </div> <asp:TextBox ID="txtModel" runat="server" Style="z-index: 1px; position: absolute" Font-Size="9pt" Width="95px" Height="16px" MaxLength="50"></asp:TextBox> <script type="text/javascript"> function getModelTo(e) { $("#txtModel").val($("#ddlModel").find("option:selected").text()); $("#txtModel").select(); } </script>
获取select的value、text值
作者:小路 QQ:2490024434出处:http://www.cnblogs.com/lengzhan/
本文版权归【冷战】和博客园所有,欢迎转载收藏,未经作者同意须保留此段声明,否则保留追究法律责任的权利。
相关文章推荐
- DropDownList实现可输入可选择(两种版本可选)
- DropDownList既能选择又能输入
- Jquery实现边输入边查询,仿百度,并可以选择查询的值赋到输入框
- XmlHttp实现的输入拼音首字母选择的例子
- 既能输入又能选择的DropDownList控件
- 以JSon来实现TextBox可选择可输入
- 在dropDownList中实现既能输入一个新值又能实现下拉选的代码
- 实现DropDownList可输入
- GridView下DropDownList 的选择方法onselectedindexchanged 实现方法
- 标题:如何在dropDownList中实现既能输入一个新值,又能实现下拉选
- 一个既可以下拉选择,又可以输入的DropDownList
- js实现select组件的选择输入过滤代码
- 使用DIV属性,在ASP.NET 中实现,文本框和下拉框组合,实现文本框即能输入又能选择
- 如何解决FormView中实现DropDownList连动选择时出现 "Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用" 的错误
- DropDownList既能选择又能输入
- DropdownList既能输入也能选择
- 实现输入框【输入填写+动态提示信息+下拉选择】
- 牛腩购物15:中国省市县数据库,DropDownList 绑定数据库 下拉选择省市,购物车的实现,使用sqlserver 2008 导入access数据库,不能在 DropDownList 中选择多个项
- 如何实现select组件的选择输入过滤作用
- 二元多项式基本运算 选择合适的存储结构表示二元多项式,并实现基本的加减运算 要求: 1)二元多项式的输入采用如下方式进行键盘输入 (5y^2+7)x^4 + (3y^4+2y+9)x^2 + (2y