强制触发onChange的选择下拉菜单

Question

我有一个表单与步骤创建与重力形式/WordPress。

我创建了一个函数来将下拉值复制到一个输入值，并将div从第一页复制到第二页。第一次，它工作得很好，但是如果我从第2页回到第1页，改变选择值，输入值不会更新。

是否有办法强制触发onChange的选择下拉菜单?

我的代码:

var select_dates = document.getElementById("input_4_3");
select_dates.addEventListener("change", function() {
document.getElementById("date_left").innerHTML = select_dates.value;
document.getElementById("input_4_33").value = select_dates.value;
console.log(select_dates.value);
});

Answer 1

你标记了jQuery所以这里是jQuery的答案

改变下拉菜单，然后点击链接

您可能使用AJAX加载选择，所以尝试这个委托

ctrl-左箭头返回

$(function() {
$(document).on("change", "#input_4_3", function() {
$("#date_left").html(this.value)
$("#input_4_33").val(this.value)
console.log(this.value);
}).change();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<select id="input_4_3">
<option value="">Please select</option>
<option value="D 1">Date 1</option>
<option value="D 2">Date 2</option>
</select>
<span id="date_left"></span>
<input type="text" id="input_4_33" />
<a href="https://placeholder.com">Go somewhere</a>

Answer 2

您可以使用以下命令触发select元素的更改事件:

$('#input_4_3').trigger('change');