jquery - 组合文本框和下拉列表

Question

我正在尝试设计一个 UI，使用户可以输入自己的文本或使用下拉菜单选择文本。

我在某种程度上是能够做到的。我需要使外观元素与“选择位置”下拉列表中的元素相同。

https://jsfiddle.net/techjerk2013/vwpsxhaL/3/

 <div id="div3">
        <div id="div4" class="row" style="padding-left: 50px">
            <div class="col-lg-2 col-xs-6">
                <div id="div5" class="dropdown">
                    <input id="Text1" name="" type="text" style="width: 95px;" />
                    <button class="btn btn-info dropdown-toggle" type="button" id="Button3" data-toggle="dropdown" aria-expanded="true">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnCategory" id="ul3" runat="server">
                        <asp:Literal runat="server" ID="Literal3"></asp:Literal>
                    </ul>
                </div>
            </div>
            <div class="col-lg-2 col-xs-6">
                <div id="div6" class="dropdown">
                    <button class="btn btn-info dropdown-toggle" type="button" id="Button4" data-toggle="dropdown" aria-expanded="true">
                        Select Location
                                            <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="btnCategory" id="ul4" runat="server">
                        <asp:Literal runat="server" ID="Literal4"></asp:Literal>
                    </ul>
                </div>
            </div>
        </div>

    </div>

Answer 1

jquery 选择的下拉列表是否是您正在寻找的东西？您可以将该类添加到 asp 下拉列表中，并使用提前输入功能来选择周围绑定(bind)到它的元素。还是我误解了这个问题？

http://harvesthq.github.io/chosen/