您现在的位置:首页 >> 基础 >> Java编程 >> 内容

DropDownList实现可输入可选择--Java学习网

时间:2016-11-27 12:29:25

  核心提示:1、js版本12345678910111213141516div style='z-index: 0; visibility: visible; clip: rect(0px 105px 80px 8...

1、js版本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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版本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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>

获取select的value、text值

 

作者:小路 QQ:2490024434 
出处:http://www.cnblogs.com/lengzhan/ 
本文版权归【冷战】和博客园所有,欢迎转载收藏,未经作者同意须保留此段声明,否则保留追究法律责任的权利。

Java免费学习   Java自学网 http://www.javalearns.com

关注微信号:javalearns   随时随地学Java

或扫一扫

随时随地学Java

作者:不详 来源:网络
    你是从哪里知道本网站的?
  • 网友介绍的
  • 百度搜索的
  • Google搜索的
  • 其它搜索过来的
  • 网址输错了进来的
  • 太忙了不记得了
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • java学习网(www.javalearns.com) © 2014 版权所有 All Rights Reserved.
  • Email:javalearns@163.com 站长QQ:1356121699 晋ICP备14003680号-3
  • java学习网部分内容来自网络或网友发布,如侵犯了您利益,请发邮件至:javalearns@126.com,我们尽快处理!
  • Java学习网
  • 网站统计
  • 晋公网安备 14042902000001号