我正在尝试自动选择 <select>
中的一个选项用一个数组。
我的数组
var students = [
[1, "John Doe"],
[3, "Mike Tyson"],
[4, "Vin Diesel"],
];
我的表单
<form>
<fieldset>
<select>
<option value="1">John Doe</option>
<option value="2">Myke Tyson</option>
<option value="3">Vin Diesel</option>
<option value="4">Michael Jackson</option>
<option value="5">50 Cent</option>
</select>
</fieldset>
<fieldset>
<select>
<option value="1">John Doe</option>
<option value="2">Myke Tyson</option>
<option value="3">Vin Diesel</option>
<option value="4">Michael Jackson</option>
<option value="5">50 Cent</option>
</select>
</fieldset>
<fieldset>
<select>
<option value="1">John Doe</option>
<option value="2">Myke Tyson</option>
<option value="3">Vin Diesel</option>
<option value="4">Michael Jackson</option>
<option value="5">50 Cent</option>
</select>
</fieldset>
<input type="submit" value="Save" />
</form>
我需要为每个 <select>
自动选择一个选项如果存在于我的数组中:
- John Doe(第一个
<select>
) - 迈克·泰森(第二名
<select>
) - 范·迪塞尔(第三名
<select>
)
我该怎么做?
最佳答案
您可以使用 .eq()
的简单循环过滤 select
元素,然后 .val()
设置值。
for (var i = 0; i < students.length; i++) {
$('select').eq(i).val(students[i][0]);
}
var students = [
[1, "John Doe"],
[3, "Mike Tyson"],
[4, "Vin Diesel"],
];
for (var i = 0; i < students.length; i++) {
$('select').eq(i).val(students[i][0]);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<fieldset>
<select>
<option value="1">John Doe</option>
<option value="2">Myke Tyson</option>
<option value="3">Vin Diesel</option>
<option value="4">Michael Jackson</option>
<option value="5">50 Cent</option>
</select>
</fieldset>
<fieldset>
<select>
<option value="1">John Doe</option>
<option value="2">Myke Tyson</option>
<option value="3">Vin Diesel</option>
<option value="4">Michael Jackson</option>
<option value="5">50 Cent</option>
</select>
</fieldset>
<fieldset>
<select>
<option value="1">John Doe</option>
<option value="2">Myke Tyson</option>
<option value="3">Vin Diesel</option>
<option value="4">Michael Jackson</option>
<option value="5">50 Cent</option>
</select>
</fieldset>
<input type="submit" value="Save" />
</form>
关于Javascript - 从数组中选择选择器中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36279006/