用JavaScript动态设置选择选项

8 浏览
0 Comments

用JavaScript动态设置选择选项

如何使用Javascript动态设置HTML选择框的选项？

 

Product:

 

 

我把所有值存储在一个数组中，这里是设置的位置。

for(var i = 0; i < productArray.length; i++) {
    console.log("" + productArray[i] + "");
}

PS：可以使用jQuery。

解决方案：

这是我一直在寻找的最终解决方案。它不会将新的选项应用于选择框。它先删除所有选项，然后添加新选项：

var optionsAsString = "";
for(var i = 0; i < productArray.length; i++) {
    optionsAsString += "" + productArray[i] + "";
}
$("select[name='inptProduct']").find('option').remove().end().append($(optionsAsString));

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments 
var $inputProduct = $("select[name='inputProduct']")
$(productArray).each(function(i, v){ 
    $inputProduct.append($("

：这是一段带有加粗文本的HTML代码。

0
0 Comments

你几乎完成了所有的事情：

var optionsAsString = "";
for(var i = 0; i < productArray.length; i++) {
    optionsAsString += "";
}
$( 'select[name="inptProduct"]' ).append( optionsAsString );

编辑 移除了最后一个optionsAsString周围的$包装，因为append会自动转换字符串。

0