复选框（选中和取消选中）使用 AJAX 动态更改下拉列表答案

【问题标题】：checkbox (check and uncheck) changes the dropdownlist dynamically using AJAX复选框（选中和取消选中）使用 AJAX 动态更改下拉列表
【发布时间】：2015-09-05 02:48:38
【问题描述】：

我是 javascript、jQuery 和 AJAX（前端）技术的新手。我一直在做后端。我需要创建一个动态页面，该页面有 4 个复选框选项和一个下拉列表。选中复选框后，下拉列表应根据所选复选框动态显示。如果我选择 2 个复选框，我需要在下拉列表中显示两个列表的组合。谁能指导我如何继续或我可以查看的任何示例代码或参考。提前谢谢你。

【问题讨论】：

你想使用 GET 或 POST 中的哪一种？

标签： javascript jquery ajax checkbox

【解决方案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>

【讨论】：

谢谢，我正在寻找类似的东西。将开始研究它。非常感谢。