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

问题描述：

  <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的内容显示在文本框里面~谢谢

答

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

答

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;
}

答

 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" />

答

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

答

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

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

相关推荐