Bootstrap - 获取表中多选元素的 id答案

【问题标题】：Bootstrap - getting the id of a multiselect element in a tableBootstrap - 获取表中多选元素的 id
【发布时间】：2015-11-07 08:10:26
【问题描述】：

我是 bootstrap 新手，我正在尝试使用表中的多选元素充当过滤器选择器。

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

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

（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() + '.');
	},

【问题讨论】：

标签： multi-select

【解决方案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>

【讨论】：

【解决方案2】：

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

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

【讨论】：