星空网 > 软件开发 > 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值




原标题:DropDownList实现可输入可选择

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

重磅!亚马逊赋予品牌自行删除假货Listing的权利!:https://www.ikjzd.com/articles/17750
增长超过10%的蓝海市场!4类商品大有机会!:https://www.ikjzd.com/articles/17751
新手小白卖家怎么做好独立站?:https://www.ikjzd.com/articles/17752
亚马逊为prime会员推出Amazon Day送货服务,福利超多!:https://www.ikjzd.com/articles/17753
重拳出击!亚马逊发布一项新计划,品牌可直接删除卖家的假冒listing:https://www.ikjzd.com/articles/17754
东南亚专线空运市场的发展与机遇:https://www.ikjzd.com/articles/17755
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流