你的位置:首页 > Java教程

[Java教程]DropDownList实现可输入可选择


1、js版本

<div >  <asp:DropDownList ID="ddlModel" runat="server" 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"   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 >  <asp:DropDownList ID="ddlModel" runat="server" 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"   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值