Question

我正在使用https://github.com/danielfarrell/bootstrap-combobox/的插件使用自动完成功能创建一个漂亮的搜索框。

但是如何获得所选的值？

这是HTML代码：

<div class = "form-group">
    <label>Select your name</label>
    <div class="combobox-container">
        <select class="combobox input-large form-control"  id="search_yourself">
            <option></option>
            <?php
                for($row = 0; $row < sizeof($race_table); $row++){
                echo("<option value=".$race_table[$row]['Name'].">".
                $race_table[$row]['Name']."</option>");
                }
            ?>
        </select>

        <script type="text/javascript">
            $(document).ready(function(){
                $('#search_yourself').combobox();
            });
        </script>
    </div>
</div>

我正在寻找像

这样的东西

$('#search_yourself').change(function() {
    alert($(this).text());
});

但不是text()（它返回所有选项，而不仅仅是选定的选项），我需要选择的选项。

Answer 1

尝试：

$('#search_yourself').change(function() {
            alert( $('#search_yourself option:selected').text());
});

Answer 2

    $('#search_yourself').change(function() {
            alert( $(this).val());
    });

Answer 3

试试这个：

$('#search_yourself').change(function() {
         alert("Value:" + $(this).val());
         alert("Text:" + $(this).find(":selected").text());
    });

Answer 4

图书馆添加了一个隐藏的输入，其中包含相同的名称＆＃39;像原始选择的属性。此输入由库更新，因此您可以通过＆＃39; name＆＃39;选择此输入来获得所需的选项值。属性。

<select id="add-holiday" class="custom_holiday" name="add-holiday">
<option value="">Enter Holiday</option>
<option value="1">President's Day</option>
<option value="2">Christmas</option>
<option value="3">Memorial Day</option>
</select>

按属性获取值＆＃39; name＆＃39; （通过jquery）

$("input[name='add-holiday']").val();

如何在Bootstrap Combobox中使用所选值

4 个答案: