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

Question

我正在尝试自动选择 <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> )

我该怎么做？

Answer 1

您可以使用 .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>