javascript - 选择 HTML 的选项自动化

标签 javascript html css

我在 html 中有一个选择字段,例如

<select>
        <option>-</option>
        <option>One</option>
        <option>Two</option>
        <option>Three</option> 
</select>

但现在我手动输入选项。但选项应该取决于我上传的文件。 因此,理想情况下,我会创建一个列表 list = [One,Two,Three] (取决于文件)并可以使用该列表创建我的选项?这样的事情有可能吗?或者是通过提前输入来定义选择字段的这些选项的唯一方法?

最佳答案

是的,您可以使用 JavaScript 来完成。我相信这可能会有所帮助:)

a=["one","two","three"];
a.map((item)=>{               
  var option = document.createElement("option");
    option.value = item;
    option.text = item;
document.getElementById("root").appendChild(option);  
})
<select id="root">
</select>

.

关于javascript - 选择 HTML 的选项自动化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60411807/

相关文章:

javascript - 如何使用 onkeyup attr 内联删除双引号?

javascript - Identity Server 4,API 未经授权调用自省(introspection)端点

php - 禁用 JavaScript 时的 Ajax 搜索解决方法

javascript - jquery元素可拖动但不可调整大小

html - Border-Box 在 View 之外调整大小

css - 原始 iPad、CSS3 转换和 RAM 导致的成像限制

css - 进度条 100% 宽度与 css

html - 在 DIV 内垂直居中 UL

javascript - 如何返回包含在 promise 中的 Protractor afterlaunch 函数中的多个记者?

html - 除 IE10 外,Div/Box Shadow 不会在任何地方显示