javascript - 如何在 Vanilla JS 中用下拉菜单替换输入框
问题描述
我正在尝试用 Vanilla JS 替换输入框。目前我正在使用 jquery 来做到这一点。
column.replaceWith("<select id='" + column[0].id + "' name='" + column[0].id + "' class='" + column[0].className + "'></select>");
我正在将所有代码重构为 Vanilla JS,这是我需要做的最后一件事。我已经完成了 document.createElement('select'); 并创建了<select></select>
元素。然后我试着做;
newEl.innerHTML += '<select id="selBidReceivedIsPM" name="selBidReceivedIsPM">'
+ '<option value="0">AM</option>'
+ '<option value="1">PM</option>';
,但这不会创建 ID 或名称。在过去的 3 个小时里,我一直在谷歌搜索和尝试,需要一些帮助来解决这个问题。
html:
<label for="columnA5"></label>
<input
type="number"
id="columnA5"
name="columnA5"
class="columnA"
step="any"
>
解决方案
像这样的东西应该可以使用具有 value 和 innerHTML 的选项来创建选择。
var select = document.createElement('select');
select.id="selBidReceivedIsPM"
select.name="selBidReceivedIsPM"
var val=2;
var time=["AM","PM"];
for (var i = 0; i<val; i++){
var opt = document.createElement('option');
opt.value = i;
opt.innerHTML = time[i];
select.appendChild(opt);
}
console.log(select)
推荐阅读
- python - importError pdfkit 与 docker 要求 wkhtmltopdf
- python - 如何将 json 值传递给 highchart 热图
- html - Angular,如何为 iframe 源使用变量?
- python - 导致未处理错误的子进程错误
- excel - 如何以 $A$1 形式获取单元格的地址
- powershell - 如何从 Diagnostics-Performance 获取启动时间
- google-cloud-platform - 将 Filestack 与 GCP 存储桶集成是否需要 GCP 服务帐户的项目所有者角色?
- reactjs - 不可变的删除对象条目反应减速器
- mysql - 如何从 MySQL 中的变量中添加具有默认值的列?
- c# - 正则表达式替换 (C#)