Bootstrap - 获取 table 中多选元素的 ID

Question

我是 bootstrap 的新手，我正在尝试使用 table 中的 multiselect 元素作为过滤器 selector.

我可以使用 onchange 事件获取选择的值，但是如何获取 select 元素所在字段的 ID？我尝试了 $this、event 和 .id 的不同变体和组合。

我真的需要知道这个 select 在哪个字段中，否则我无法使用它。

（var fieldId 行注释掉的代码是我尝试过的一些选项）

TIA

    // Multi select
    $('.chosen-select').multiselect({
 buttonWidth: '150px',
 includeSelectAllOption: true,
 enableFiltering: true,
 onChange: function(option, checked, select) {
  var fieldId = $(option.target)[0]; //=$(this).attr("id"); option.target.id ; $(option).id; $(select).id;
  console.log('ID = ' + fieldId +' or '+ this.id + ' Changed option ' + $(option).val() + '.');
 },

Answer 1

将此行添加到您的 onChange 事件中：

var selectID = $(option).parent().attr('id');

这是一个完整的例子：

$('#multiSelect1').multiselect({
  onChange: function(option, checked) {
    var selectID = $(option).parent().attr('id');
  }
});

<select id="multiSelect1" multiple="multiple">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

Answer 2

对于没有参数的事件，例如：onSelectAll，你可以这样使用

var selectId = $(this.$select).attr('id');

Bootstrap - 获取 table 中多选元素的 ID

Bootstrap - getting the id of a multiselect element in a table

multi-select