javascript - 如何设置下拉数组的值

Question

我的图片是这样想的

<select id="brands[]" name="brands[]"><option value="121">...</option>...</select>
<select id="brands[]" name="brands[]"><option value="122">...</option>...</select>
<select id="brands[]" name="brands[]"><option value="123">...</option>...</select>
<select id="brands[]" name="brands[]"><option value="124">...</option>...</select>
 ...

现在我想按值(而不是按索引)更改每个框的选定条目。我在 javascript 标签内尝试了这个:

$("#brands")[0].val('121'); 
$("#brands")[1].val('122');   
$("#brands")[2].val('123'); 
$("#brands")[3].val('124'); 

这不起作用。有谁知道我如何按下拉框品牌的值更改所选项目。 x.

我不知道

Answer 1

ID 必须是唯一的

但是您可以使用名称

var selects = $('select[name="brands[]"]')
selects.eq(0).val('121'); 
selects.eq(1).val('122');   
selects.eq(2).val('123'); 
selects.eq(3).val('124'); 

DEMO