请帮助我。我正在尝试编写一个简单的 jQuery 字符串,仅当领导力下拉列表的值发生变化时,该字符串才将状态下拉列表的值更改为 = 领导行动下拉列表。我已经摆弄这个大约一个小时了,但似乎无法让它发挥作用。此外,HTML 无法修改,因此添加 onChange 属性不是一个选项。我必须能够通过简单地将 JS 添加到页面来实现该解决方案。这是我到目前为止的代码。任何帮助是极大的赞赏。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function myFunction() {
$("#leadershipAtc").change(function () {
document.getElementById('status').text = $('option:selected', this).text();
});
}
</script>
<body>
Status :
<select id="status">
<option value="A">A
<option value="B">B
<option value="C">C
<option value="D">D
</select>
<p></p>
Leadership Action :
<select id="leadershipAct">
<option value="A">A
<option value="B">B
<option value="C">C
<option value="D">D
</select>
</body>
</html>
最佳答案
这是您想要实现的目标吗?
// You don't need to put the code in a function.
// Btw, in your code, your function was never called!
$("#leadershipAct").on('change', function() {
// Taking the .val() of this select, and put it in the status one.
$('#status').val($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
Status :
<select id="status">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
<p></p>
Leadership Action :
<select id="leadershipAct">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
</body>
希望有帮助。
关于javascript - 更改时使下拉列表值等于其他下拉列表的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50332926/