繁体   English   中英

通过 javascript 在 select 中分配选项元素

Assign an option element within a select via javascript

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在从数据库中获取一个列表,我需要在 select 中分配每个数据。

但是,我无法在 select 中分配选项元素。

按照我的代码。

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
let option = document.createElement("option");
option.innerText = "5555";
option.value = "5555";
inputCategory.innerHTML += option;
console.log(inputCategory)

1 个回复

您创建了元素,因此 append 它。 innerHTML仅适用于您有 HTML 字符串的情况。

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
let option = document.createElement("option");
option.innerText = "5555";
option.value = "5555";
inputCategory.appendChild(option);

或者

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
inputCategory.innerHTML += `<option value=5555>5555</option>`;

或者

let inputCategory = document.querySelector("#modal_form_product select[name='category']");
inputCategory.insertAdjacentHTML('beforeend', `<option value=5555>5555</option>`);
1 无法在Javascript中分配元素

此代码有什么问题,例如未分配权利或什么? 所有引用的ID都存在,控制台将其记录下来,但是仅分配了topbar.cw 。 我认为它也可能分配到其他地方,不确定。 另外,我什至不知道这是什么。 它是一个数组,一个类,一个构造还是什么? ...

2 在 Javascript 中分配“let”一个值

我在 Chrome devtools 中玩耍并尝试了以下代码: let = 1; let x = 2; console.log(let); // 1 console.log(x); // 2 如果我用“var”替换“let”,上面的代码将不起作用。 我假设let = 1与var let = 1相同 ...

4 在javascript中分配有些破碎的元素?

http://jsfiddle.net/aRV7q/1/ 这是我正在尝试运行的函数,它应该淡化$('#error')上的一些消息并突出显示我在表单中的一些输入框。 消息在消息变量上,输入框的#name在元素变量上。 但是发生的事情是消息被弹出并正确显示,但是选中要突出显示的元素总 ...

8 如何使用javascript在另一个选择元素中选择一个选项后如何从一个选择元素中删除一个选项

该问题与以下内容完全相同: 在先前的下拉菜单中选择某个选项后,将其删除 2个答案 在此先感谢您的帮助! 我在相同的表单上具有五个选择元素,并且具有相同的选项。 当用户单击它们时,我希望将其从其他四个选择元素中删除。 我希望为此使用一个简单的JS。 任何建议都 ...

9 用javascript选择一个选项

可能重复: 如何使用Javascript通过选项的值在选择框中选择一个选项? 我想在ajax调用中选择一个下拉菜单。 这是我目前正在使用的: 我也尝试过用selector.options.selectedIndex = n selector.options[n].sel ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM