如何从bootstrap multiselect获取当前单击事件文本

Question

我正在尝试从多选中获取当前单击的选项文本。但是在更改事件上只能正常工作。点击事件不起作用请检查

$('#myoption').change(function () {
alert($(this).children("option").text());
});

Answer 1

您可以使用：

  

onChange：在选项的更改事件上触发的函数。请注意，使用插件提供的select和deselect方法选择或取消选择选项时，不会触发事件。

$('#example-getting-started').multiselect({
    onChange: function(option, checked, select) {
        console.log('Changed option ' + $(option).val() + '.');
    }
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css">
<script src="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>

<div class="container">
    <select id="example-getting-started" multiple="multiple">
        <option value="cheese">Cheese</option>
        <option value="tomatoes">Tomatoes</option>
        <option value="mozarella">Mozzarella</option>
        <option value="mushrooms">Mushrooms</option>
        <option value="pepperoni">Pepperoni</option>
        <option value="onions">Onions</option>
    </select>
</div>

Answer 2

你可以这样做：

$('#myoption').change(function () {
console.log($(this).children("option").filter(":selected").text());
});