combobox如何把多选的值以JSon传值到后端

要将多选的值以 JSON 传递到后端，您需要执行以下步骤：

1. 获取选定的选项和它们的值。

2. 创建一个空数组来存储选定选项的值。

3. 使用循环遍历选定的选项，并将它们的值添加到数组中。

4. 将数组转换为 JSON 字符串。

5. 将 JSON 字符串发送到后端。

以下是一个示例代码，可以帮助您实现这个功能：

HTML 代码：

<select id="mySelect" multiple>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
  <option value="option4">Option 4</option>
</select>

<button onclick="sendData()">Send Data</button>

JavaScript 代码：

function sendData() {
  // 获取选定的选项和它们的值
  var select = document.getElementById("mySelect");
  var options = select.options;
  
  // 创建一个空数组来存储选定选项的值
  var selectedValues = [];
  
  // 使用循环遍历选定的选项，并将它们的值添加到数组中
  for (var i = 0; i < options.length; i++) {
    if (options[i].selected) {
      selectedValues.push(options[i].value);
    }
  }
  
  // 将数组转换为 JSON 字符串
  var jsonData = JSON.stringify(selectedValues);
  
  // 将 JSON 字符串发送到后端
  // 这里使用 jQuery 的 AJAX 方法来发送数据
  $.ajax({
    url: "backend.php",
    type: "POST",
    data: { 'selectedValues': jsonData },
    success: function(response) {
      console.log(response);
    }
  });
}

在上面的代码中，我们使用了 jQuery 的 AJAX 方法来发送 JSON 数据到后端。您可以使用其他方法来发送数据，例如 fetch 或 XMLHttpRequest。在后端，您需要解析 JSON 字符串来获取选项的值。