如何从AJAX追加价值选择的选择吗？

Question

如何从AJAX调用选择选项的值绑定？这是https://codepen.io/anon/pen/wNrLZm?editors=1010我拿来数据，需要以HTML选择选项来打印我的API的例子吗？你看我的代码

 <div class="row">
  <select class="form-control" name="result" id="result">
    <option value="1">1</option>
  </select>
</div>

<script type="text/javascript">
  $.ajax({
    url: 'index.php?route=api/reifenmontage/get_marka_data',
    context: document.body,
    success: function(data) {
      let resultElement = []
      resultElement = document.getElementById("result");
      resultElement.innerHTML = data;
    }
  });
</script>

Answer 1

这里的问题是，你从API返回的JSON，并将它附加到您的HTML代码。

有很多方法来实现这一目标。你可以做这样的事情下面。其基本思路是遍历阵列，并且产生与迭代值的选项标签，然后追加到DOM。

$.each(data, function(index) {
    $('#result').append($('<option>', { value : data[index].value}).text(data[index].label));
});