如果您知道索引、值或文本。如果您没有直接引用的ID。

这、这和这都是有用的答案。

示例标记

<div class="selDiv">
  <select class="opts">
    <option selected value="DEFAULT">Default</option>
    <option value="SEL1">Selection 1</option>
    <option value="SEL2">Selection 2</option>
  </select>
</div>

当前回答

完全可以,尝试以下方法

对于正常选择选项

<script>    
    $(document).ready(function() {
    $("#id").val('select value here');
       });
        </script>

对于选择2选项,需要使用触发器选项

<script>    
        $(document).ready(function() {
        $("#id").val('select value here').trigger('change');
           });
            </script>

其他回答

有一些建议为什么你应该使用prop而不是attr。肯定要使用prop,因为我已经测试了这两种情况,attr会给你奇怪的结果,除了最简单的情况。

我想要一个解决方案,从任意分组的选择选项中自动选择同一页面上的另一个选择输入。例如,如果你有两个下拉列表-一个用于国家,另一个用于大洲。在这种情况下,选择任何国家都会自动在另一个大陆下拉列表中选择该国家的大陆。

$(“#country”).on(“change”,function(){//获取大陆var originLocationRegion=$(this).find(“:selected”).data(“originregion”);//用道具正确选择大陆$('#continental option[value=“'+originLocationRegion+'”]').prop('selected',true);});$(“#country2”).on(“change”,函数(){//获取大陆var originLocationRegion=$(this).find(“:selected”).data(“originregion”);//用attr错误地选择大陆$('#continent2选项[value=“'+originLocationRegion+'”]').attr('selected',true);});<link href=“https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css“rel=”stylesheet“/><script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div class=“container”><表单><h4 class=“text success”>支持好东西;)</h4><div class=“form row”><div class=“form group col-md-6 col-sm-6”><label>国家</label><select class=“custom select country”id=“country”><option disabled selected>选择国家</option>阿富汗</option><option data origin region=“Antarcia”value=“Antatria”>Antarcia</option>澳大利亚</option>奥地利</option><option数据来源地区=“亚洲”value=“孟加拉国”>孟加拉国</option><option数据来源地区=“南美”value=“巴西”>巴西</option><option数据来源地区=“非洲”value=“喀麦隆”>喀麦隆</option><option数据来源地区=“北美”value=“加拿大”>加拿大</option><option数据来源地区=“南美”value=“智利”>智利</option><option数据来源地区=“亚洲”值=“中国”>中国</option><option数据来源地区=“南美”value=“厄瓜多尔”>厄瓜多尔</option><option data origin region=“澳大利亚”value=“斐济”>斐济</option><option数据来源地区=“北美”value=“墨西哥”>墨西哥</option><option数据来源地区=“澳大利亚”value=“新西兰”>新西兰</option><option数据来源地区=“非洲”value=“尼日利亚”>尼日利亚</option><option data origin region=“欧洲”value=“葡萄牙”>葡萄牙</option><option数据来源地区=“非洲”value=“塞舌尔”>塞舌尔</option><option数据来源地区=“北美”value=“美国”>美国</option><option data origin region=“Europe”value=“United Kingdom”>英国</option></选择></div><div class=“form group col-md-6 col-sm-6”><label>欧洲大陆</label><select class=“custom select”id=“continental”><option disabled selected>选择大陆</option><option disabled value=“Africa”>非洲</option><option disabled value=“Antartica”>心外膜</option><option disabled value=“Asia”>亚洲</option><option disabled value=“Europe”>欧洲</option><option disabled value=“北美”>北美</option><option disabled value=“Australia”>澳大利亚</option><option disabled value=“南美”>南美</option></选择></div></div></form><小时><表单><h4 class=“text danger”>将坏东西归因于属性</h4><div class=“form row”><div class=“form group col-md-6 col-sm-6”><label>国家</label><select class=“custom select country-2”id=“country 2”><option disabled selected>选择国家</option>阿富汗</option><option data origin region=“Antarcia”value=“Antatria”>Antarcia</option>澳大利亚</option>奥地利</option><option数据来源地区=“亚洲”value=“孟加拉国”>孟加拉国</option><option数据来源地区=“南美”value=“巴西”>巴西</option><option数据来源地区=“非洲”value=“喀麦隆”>喀麦隆</option><option数据来源地区=“北美”value=“加拿大”>加拿大</option><option数据来源地区=“南美”value=“智利”>智利</option><option数据来源地区=“亚洲”值=“中国”>中国</option><option数据来源地区=“南美”value=“厄瓜多尔”>厄瓜多尔</option><option data origin region=“澳大利亚”value=“斐济”>斐济</option><option数据来源地区=“北美”value=“墨西哥”>墨西哥</option><option数据来源地区=“澳大利亚”value=“新西兰”>新西兰</option><option数据来源地区=“非洲”value=“尼日利亚”>尼日利亚</option><option data origin region=“欧洲”value=“葡萄牙”>葡萄牙</option><option数据来源地区=“非洲”value=“塞舌尔”>塞舌尔</option><option数据来源地区=“北美”value=“美国”>美国</option><option data origin region=“Europe”value=“United Kingdom”>英国</option></选择></div><div class=“form group col-md-6 col-sm-6”><label>欧洲大陆</label><select class=“custom select”id=“continent2”><option disabled selected>选择大陆</option><option disabled value=“Africa”>非洲</option><option disabled value=“Antartica”>心外膜</option><option disabled value=“Asia”>亚洲</option><option disabled value=“Europe”>欧洲</option><option disabled value=“北美”>北美</option><option disabled value=“Australia”>澳大利亚</option><option disabled value=“南美”>南美</option></选择></div>

如代码片段所示,prop每次都能正常工作,但一旦选择了一次选项,attr就无法正确选择。

关键点:我们通常对属性的属性感兴趣,所以在大多数情况下使用prop比attr更安全。

回答我自己的文档问题。我确信还有其他方法可以实现这一点,但这是可行的,并且这段代码经过了测试。

<html>
<head>
<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/JavaScript">

$(function() {
    $(".update").bind("click",      // bind the click event to a div
        function() {
            var selectOption = $('.selDiv').children('.opts') ;
            var _this = $(this).next().children(".opts") ;

            $(selectOption).find("option[index='0']").attr("selected","selected");
//          $(selectOption).find("option[value='DEFAULT']").attr("selected","selected");
//          $(selectOption).find("option[text='Default']").attr("selected","selected");


//          $(_this).find("option[value='DEFAULT']").attr("selected","selected");
//          $(_this).find("option[text='Default']").attr("selected","selected");
//          $(_this).find("option[index='0']").attr("selected","selected");

    }); // END Bind
}); // End eventlistener

</script>
</head>
<body>
<div class="update" style="height:50px; color:blue; cursor:pointer;">Update</div>
<div class="selDiv">
        <select class="opts">
            <option selected value="DEFAULT">Default</option>
            <option value="SEL1">Selection 1</option>
            <option value="SEL2">Selection 2</option>
        </select>
    </div>
</body>
</html>

您可以只使用val()方法:

$('select').val('the_value');

使用jquery-2.1.4,我找到了以下适合我的答案:

$('#MySelectionBox').val(123).change();

如果您有字符串值,请尝试以下操作:

$('#MySelectionBox').val("extra thing").change();

其他例子对我来说不起作用,所以我要加上这个答案。

我在以下位置找到了原始答案:https://forum.jquery.com/topic/how-to-dynamically-select-option-in-dropdown-menu

$('#select option[data-id-estado="3"]').prop("selected",true).trigger("change");    
        // or       
$('#select option[value="myValue"]').prop("selected",true).trigger("change");