簡體   English   中英

使下拉列表值等於更改時其他下拉列表的值

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM