Question

我是javascript，jQuery和AJAX（Frontend）技术的新手。我一直在后端工作。我需要创建一个动态页面，页面有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>

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

1 个答案: