更改 function 在 Edge 或 IE 中未觸發

Question

我試圖弄清楚如何讓更改 function 在 IE 和 Edge 上觸發。 我試圖將兩個 select 字段輸入隱藏輸入，覆蓋任何先前選擇的值。 例如，我從第一個 select 中選擇 select 選項 1，1 將是隱藏輸入的值。 如果我從第二個 select 中選擇 select 選項 3，則 3 將是隱藏輸入的新值。

<select id="select1">
<option value="1">1</option>
<option value="2">2</option>
</select>

<select id="select2">
<option value="3">3</option>
<option value="4">4</option>
</select>

<input type="hidden" id="hiddenInput">

<script>
$(document).ready(function() {
$('#select1').on("change", function() {
   $('#hiddenInput').val($(this).val());
});
$('#select2').on("change", function() {
   $('#hiddenInput').val($(this).val());
});
});
</script>

Answer 1

盡管您的代碼應該可以工作，但無需兩次調用“on”方法。 您可以通過將元素用作選擇器來調用它一次，或為其分配 class。

前任：

$('select').on('change', function() {
    $('#hiddenInput').val($(this).val());
});

或者

$('.selectClass').on('change', function() {
    $('#hiddenInput').val($(this).val());
});