AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

DropDownList实现可输入可选择(两种版本可选)

51自学网 http://www.wanshiok.com
dropdownlist输入,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"    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>

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


dropdownlist输入,dropdownlist选择  
上一篇:BootStrap 实现各种样式的进度条效果  下一篇:BootstrapValidator超详细教程(推荐)