如果您知道索引、值或文本。如果您没有直接引用的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>
当前回答
回答我自己的文档问题。我确信还有其他方法可以实现这一点，但这是可行的，并且这段代码经过了测试。
<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>
其他回答
谢谢你的提问。希望这段代码对您有用。
var val = $("select.opts:visible option:selected ").val();
您可以只使用val（）方法：
$('select').val('the_value');
完全可以，尝试以下方法
对于正常选择选项
<script>
$(document).ready(function() {
$("#id").val('select value here');
});
</script>
对于选择2选项，需要使用触发器选项
<script>
$(document).ready(function() {
$("#id").val('select value here').trigger('change');
});
</script>
回答我自己的文档问题。我确信还有其他方法可以实现这一点，但这是可行的，并且这段代码经过了测试。
<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>
使用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
