javascript - 如果选项包含子字符串，则使用字符串数组和嵌套循环从下拉列表中选择选项

Question

我有一定数量的选择(我在这个例子中使用了三个)。每个选择都有相同的选项，它们是:“一些数字”-“名称”。

我有一个仅包含名称的数组，用于指示每个选择中属于哪些选项。数组元素和选择元素的数量始终相同。顺序将始终相同，这意味着应在第一个选择中选择数组的第一个名称(id 以“_1”结尾的选择)。

因此在示例中，数组中有三个名称和三个选择元素。应该在 select_1 中选择 Mark，在 select_2 中选择 Susan，在 select_3 中选择 John。

由于数组中的名称不完全匹配(它们没有:"some number"- )，我尝试检查每个选择中的选项是否包含使用嵌套 lop 的名称。但是在结果中，所有选择都选择了第三个名字 John。

为什么会这样？提前致谢。

$(document).ready(function() {
  //Array with names
  var names = ["Mark", "Susan", "John"];
  var arrayLength = names.length;
  /* OLD CODE
  for(i = 0; i < 3; i++){
    for(j = 0; j < arrayLength; j++){
      $("#select_" + (i+1) + " option:contains(" + names[j] + ")").prop("selected", true);
    }
  }
  */
  
  //SOLUTION
  for(j = 0; j < arrayLength; j++){
        $("#select_" + (j+1) + " option:contains(" + names[j] + ")").prop("selected", true);
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name="select_1" id="select_1">
  <option value="0">Select</option>
  <option value="1">456 - Susan</option>
  <option value="2">335 - John</option>
  <option value="3">887 - Mark</option>
  <option value="4">182 - Amy</option>
</select>
<select name="select_2" id="select_2">
  <option value="0">Select</option>
  <option value="1">456 - Susan</option>
  <option value="2">335 - John</option>
  <option value="3">887 - Mark</option>
  <option value="4">182 - Amy</option>
</select>
<select name="select_3" id="select_3">
  <option value="0">Select</option>
  <option value="1">456 - Susan</option>
  <option value="2">335 - John</option>
  <option value="3">887 - Mark</option>
  <option value="4">182 - Amy</option>
</select>

Answer 1

你可以在这里把 i 改成 j:

$("#select_" + (j+1) + " option:contains(" + names[j] + ")").prop("selected", true);

但是这里不需要嵌套循环。一个就够了:

for(j = 0; j < arrayLength; j++){
        $("#select_" + (j+1) + " option:contains(" + names[j] + ")").prop("selected", true);
    }