Elson_tju
2015-09-15 01:26
采纳率: 66.7%
浏览 6.4k
已采纳

如何实现下拉框点击一个选项,该选项的内容显示在文本框中?

  <div class="input-group">
            <input class="form-control select_of_input">
            <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu pull-right">
                    <li><a href="#">学一</a></li>
                    <li><a href="#">北洋广场</a></li>
                    <li class="divider"></li>
                    <li><a href="#">其他</a></li>
                </ul>
            </div>
        </div>

这是一个下拉框,想问一下这样的下拉框,如何用js或者jq实现点击下拉框的一个li然后这个li的内容显示在文本框里面~谢谢

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • lize__ 2015-09-15 02:48
    已采纳


    $(function(){
    $("ul li").click(function(){
    alert($(this).text());
    $("input#input").val($(this).text());
    });
    });

    点赞 打赏 评论
  • Birds_Cerebrum 2015-09-15 01:40



    1


    2


    3


    4

        <input type="text" id="input" />
    
    
    
    
    
    
        function change(){
    alert("aaa");
        debugger;
        var sels = document.getElementById("sels");
        var V = sels.value;
        var input = document.getElementById("input");
        input.value=V;
    }
    
    点赞 打赏 评论
  • Birds_Cerebrum 2015-09-15 01:54
     function change(){
        alert("aaa");
            debugger;
            var sels = document.getElementById("sels");
            var V = sels.value;
            var input = document.getElementById("input");
            input.value=V;
        }
    



    1


    2


    3


    4

        <input type="text" id="input" />
    
    点赞 打赏 评论
  • 西风残阳 2015-09-15 02:39

    你这里是用了Bookstrap这个插件吧,
    主要的思路是要给你的下拉框绑定一个onchange事件,
    在这个事件里面,
    获取到选中的value 或者 text,然后把text的值给文本框。

    点赞 打赏 评论
  • Mawenz 2015-09-15 03:45

    下拉框的 onchange 事件重新给文本框赋值就可以

    点赞 打赏 评论

相关推荐 更多相似问题