[英]Make Dropdown list value equal value of other dropdown list on change
請幫幫我。 我正在嘗試編寫應該是一個簡單的jQuery字符串,該字符串僅在Leadership下拉列表的值更改時將狀態下拉列表的值更改為= Leadership Action Dropdown。 我已經擺弄了大約一個小時,似乎無法使其正常運行。 同樣,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>
希望能幫助到你。
謝謝你們的帖子,他們對您的幫助最大。 但是,要使這項工作生效,我必須使用SharePoint的另一種方法,但不太確定為什么。 無論如何,這里是我能夠在SharePoint 2013中進行工作的代碼。
<script type="text/javascript">
$(function() {
$("#leadershipAct").change(function() {
if ($('option:selected', this).text() == "A") {
$('#status').val($(this).val());
} else if ($('option:selected', this).text() == "B") {
$('#status').val($(this).val());
} else if ($('option:selected', this).text() == "C") {
$('#status').val($(this).val());
} else if ($('option:selected', this).text() == "D") {
$('#status').val($(this).val());
} else {
}
});
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.