Question

如何将ajax调用中的值绑定到select选项？这是我的API https://codepen.io/anon/pen/wNrLZm?editors=1010的示例我获取了数据并需要在HTML select选项中打印？看我的代码

 <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代码中。

有很多方法可以实现这一目标。您可以在下面做类似的事情。基本思想是遍历数组，并生成具有迭代值的options标记，然后附加到DOM。

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

如何从ajax附加值以选择选项？

1 个答案: