複選框（選中和取消選中）使用AJAX動態更改下拉列表

Question

我是JavaScript，jQuery和AJAX（前端）技術的新手。我一直在後端工作。我需要創建一個動態頁面，頁面有4個複選框選項和一個下拉列表。一旦我選擇複選框，下拉列表應根據所選的複選框動態顯示。如果我選擇2個複選框，我需要在下拉列表中顯示兩個列表的組合。任何人都可以請指導我如何繼續或任何示例代碼或參考我可以看看它。先謝謝你。

Answer 1

歡迎來到SOF。理想情況下，您的問題應該有一個特定的方向，以便我們可以幫助您。我已經根據我從你的問題得到的一般想法發佈了一個示例代碼。

如果你有一個特定的疑惑，問一個問題

$(".check").click(function() { 
 
    if ($(this).is(':checked')) { 
 
    $("#dd").append("<option value='" + $(this).attr("value") + "'>" + $(this).attr("value")); 
 
    } else { 
 
    $("#dd").find("option[value='" + $(this).attr("value") + "']").remove(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" class="check" value="x1">Checkbox1</input> 
 
<input type="checkbox" class="check" value="x2">Checkbox2</input> 
 
<input type="checkbox" class="check" value="x3">Checkbox3</input> 
 
<input type="checkbox" class="check" value="x4">Checkbox4</input> 
 

 
<select id="dd"> 
 
    <option value="Default1">Default1</option> 
 
    <option value="Default2">Default2</option> 
 
</select>

你要哪GET或POST類型的一個使用