合并文本框和下拉列表

时间:2015-06-17 15:33:55

标签: jquery html css twitter-bootstrap

我正在尝试设计一种用户界面,用户可以输入自己的文字或使用下拉菜单选择文字。

我能够在某种程度上取得成功。我需要将look look元素与Select Location下拉列表相同。

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>

2 个答案:

答案 0 :(得分:0)

选择下拉的jquery会是你想要的东西吗?您可以将该类添加到asp下拉列表中,并使用提前输入功能来选择与其绑定的项目。或者我误解了这个问题?

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

答案 1 :(得分:0)

查看html中的datalist标记。

http://www.w3schools.com/tags/tag_datalist.asp

请注意,这在Safari中不起作用:http://caniuse.com/#feat=datalist