javascript - 我可以将 HTML 选择与动态数组关联吗？

Question

假设我有一个 HTML select 对象，其中没有任何内容。

<select id="options">
</select>

是否可以将 JavaScript 数组附加到此选择，以便在更新数组时选择中的可用选项也可用？

或者我只需要使用 JQuery 来实现我想要的。

Answer 1

任何使用虚拟 DOM 的 JavaScript 框架(Angular、Vue.js、React...)都会比 jQuery 或 Vanilla JavaScript 更容易(更快)。也就是说，框架不能彼此共存，并且非常不擅长与 jQuery 等库共存；我建议您做出的决定不仅仅是基于这样的问题，无论有没有这些问题都可以解决。

这是在 Vue 中；我使用过的最切题的框架:

new Vue({
  el: '#options',
  data: {
    array: [
      'option 1',
      'option 2',
      'i lost count'
    ]
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<select id="options">
  <option v-for="value in array">
    {{ value }}
  </option >
</select>