Question

我需要抓住这两个事件：

选择第一个选项
取消选择所有选项

原因是 - 当我选择第一个选项或取消选择所有先前选项时，我想禁用另一个下拉列表（负责我的多选内容）。

更新

$('.projectSelector').on('change', function() {
        var targetProject_id = $('#project-id :selected').val();
        updateParticpantDropdown(targetProject_id);
    });

    function updateParticpantDropdown(selectedProjectId){

        $.ajax({
            type: "POST",
            url: '/xx/projects/xx/'+ selectedProjectId,
            dataType : "json",
            success: function (response, status) {
                if(status === "success") {

                    //console.log('success post');

                    if(response.result == "error") {

                        alert(response.message);

                    }else if (response.result == "success"){

                        var data = response.data;

                        $(".participantSelector").empty().select2({
                            placeholder: "Click here to select participants for above selected project",
                            allowClear: false,
                            data: data
                        });

                    }
                } else if(status === "error") {
                    // Ajax Post call failed
                    console.log('fatal ajax post call failed');
                }
            }
        });
}

这是我的ajax部分。当我从下拉菜单中选择.projectSelector＆＃39;我更新了我的多选＆＃39; .participantSelector＆＃39;。

到目前为止工作正常！

我想要的不是抓住＆＃39; .participantSelector＆＃39;中的第一个选择。禁用＆＃39; .projectSelector＆＃39;。反过来说，如果在＆＃39; .participantSelector＆＃39;中没有选择任何内容。 set＆＃39; .projectSelector＆＃39;活性

我的HTML看起来像这样：

<select name="participant_id[]" multiple="multiple" class="form-control select2me participantSelector" required="required" id="participant-id"><option value=""></option></select>

从我试过的文档：

$('select').on('select2:select', function (evt) {
  // Do something
});

但这确实会触动下拉列表中的选择 - 但不会选择我的多选项。

顺便说一句，我在我的多选中选择了显示的错误：

TypeError：b.dataAdapter为null

Answer 1

您可以使用first()方法获取列表中的第一项。请参阅documentation，您可以使用:selected选择器获取所选选项。请参阅documentation。

尝试类似：

$('#select').on('change', function() {
    var first = $(this).find('option').first().val();
    var none = $(this).find('option:selected').length;

    if ($(this).val() == first) {
        alert('First item selected!');
    } else if (none == 0) {
        alert('All items deselected!');
    }
});

jquery select2 multiselect：如何检查选项是否被选中？

1 个答案: