當前位置：
首頁 >
DropDownList实现可输入可选择
發布時間：2025/3/21
38
豆豆
生活随笔
收集整理的這篇文章主要介紹了
DropDownList实现可输入可选择
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、js版本
<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"οnchange="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"οnchange="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/?
本文版權歸【冷戰】和博客園所有，歡迎轉載收藏，未經作者同意須保留此段聲明，否則保留追究法律責任的權利。
轉載于:https://www.cnblogs.com/lengzhan/p/6097593.html
總結
以上是生活随笔為你收集整理的DropDownList实现可输入可选择的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java 泛型小小的测试题
- 下一篇： （转载）虚幻引擎3--【UnrealSc