jQuery 以编程方式选择选择框中的选项

html
<select id="fruits">
  <option value="Apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

Javascript
$("#fruits").val("banana");

Javascript
$("#fruits option").eq(1).prop("selected", true);

Javascript
$("#fruits option[value='orange']").prop("selected", true);

html
<!DOCTYPE html>
<html>
<head>
  <title>选择框操作示例</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>
</head>
<body>
  <select id="fruits">
    <option value="Apple">苹果</option>
    <option value="banana">香蕉</option>
    <option value="orange">橙子</option>
  </select>
  <script>
    // 通过值选择选项
    $("#fruits").val("banana");
    // 通过索引选择选项
    $("#fruits option").eq(1).prop("selected", true);
    // 通过属性选择选项
    $("#fruits option[value='orange']").prop("selected", true);
  </script>
</body>
</html>