Javascript-从数组中选择选择器中的值

Javascript - select value in selector from array

本文关键字：选择器 选择 数组 Javascript-      更新时间：2023-09-26

我正在尝试在带有数组的<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>）
  • Myke Tyson（第二次<select>）
  • Vin柴油机（用于第三个<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>

相关文章：