如何获得许多选择按钮中更改的选择按钮？

debugcn 发表于 Dev

我有很多类似下面的过滤器按钮，如何在不使用选择值的情况下获得选择值id？

<select name="selectId" id="selectId" multiple 
      class="selectpicker required form-control" data-live-search="true">
  <option value="All" selected>All</option>
  <option value="1" selected>1</option>
  <option value="2" selected>2</option>
  </select>
<select name="selectStore" id="selectStore" multiple 
      class="selectpicker required form-control" data-live-search="true">
  <option value="All" selected>All</option>
  <option value="A" selected>Store A</option>
  <option value="B" selected>Store B</option>
</select>
<select name="selectProduct" id="selectProduct" multiple 
      class="selectpicker required form-control" data-live-search="true">
  <option value="All" selected>All</option>
  <option value="apple" selected>Apple</option>
  <option value="orange" selected>Orange</option>
</select>

通常，我将使用以下代码查找更改的选择按钮：

$(document).ready(function() {
    // Get filter function for chart
    $('#selectId').change(function() {
        var select = $("#selectId").val();

        if (selectLength >= 1 && select.includes("All")) {
            $('.selectpicker#selectId').selectpicker('deselectAll');
            makeChart();
        }
        else {
            makeChartFilter(select);
        }
    })
});

但是问题是，当有很多过滤器按钮时，我不得不编写许多上述函数，仅更改即可id。

我怎样才能使用这样的东西：

$(document).ready(function() {
    // Get filter function for chart
    $('#selectpicker').change(function() {
        id_change = something;
        var select = $("#id_change").val();
        ...
    })
});

其他夜晚

使用原始JavaScript和eventTarget，这是相对简单的。这是一个例子：

document.getElementById('container').onchange = ({ target }) => {
  console.log(target.value);
};

<form id="container">
<select name="foo">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<select name="bar">
  <option>a</option>
  <option>b</option>
  <option>c</option>
</select>
</form>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。