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/?
本文版權(quán)歸【冷戰(zhàn)】和博客園所有，歡迎轉(zhuǎn)載收藏，未經(jīng)作者同意須保留此段聲明，否則保留追究法律責(zé)任的權(quán)利。

轉(zhuǎn)載于:https://www.cnblogs.com/lengzhan/p/6097593.html

總結(jié)

以上是生活随笔為你收集整理的DropDownList实现可输入可选择的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。