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值
原标题:DropDownList实现可输入可选择
关键词: