DropDownList实现可输入可选择（两种版本可选）

DropDownList实现可输入可选择（两种版本可选）实现可输入可选择（两种版本可选）

本篇文章主要介绍了DropDownList实现可输入可选择的具体实现代码，并附上两种版本（js版本和jquery版

本），可供大家选择。有需要的朋友可以参考下

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"

onchange="getModelTo(this)">

<asp:ListItem Value="1">SSM-001</asp:ListItem>

<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)">

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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也

希望多多支持我们！