使用表单为下拉菜单添加值

Question

有没有一种方法可以通过简单的形式在下拉菜单中插入值？我有这个下拉菜单

<form>
  <select name="users" onchange="showUser(this.value)">
    <option value="">Select a category:</option>
    <option value="movie">Movie</option>
    <option value="musik">Musik</option>
    <option value="books">Books</option>
    <option value="images">Images</option>
  </select>
</form>

我应该使用数组吗？我一直在网上搜索但找不到任何有帮助的东西。

Answer 1

这是一个将项目添加到下拉菜单的 JavaScript 解决方案。

\n\n

要使用的 HTML..

\n\n

 <form>\n    <select id="categories" name="users" onchange="showUser(this.value)">\n    <option value="">Select a category:</option>\n    <option value="movie">Movie</option>\n    <option value="musik">Musik</option>\n    <option value="books">Books</option>\n    <option value="images">Images</option>\n    </select>\n    </form>\xe2\x80\x8b\xe2\x80\x8b\n

\n\n

JavaScript 代码...

\n\n

var categories = document.getElementById("categories");\n\nvar newOption = document.createElement(\'option\');\nnewOption.innerText = "New value";\nnewOption.setAttribute(\'value\', \'newvalue\');\n\ncategories.appendChild(newOption);\n\xe2\x80\x8b\n

\n\n

jQuery 代码...（短得多）

\n\n

$("#categories").append("<option value=\'newvalue\'>New Value</option>");\n

\n\n

这是 JavaScript JSFiddle和 jQuery JSFiddle这是可以使用的

\n