Javascript JQuery - 如何根据值选择下拉项
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/8743975/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
JQuery - how to select dropdown item based on value
提问by Mark W
I want set a dropdown(select) to be change based on the value of the entries.
我想根据条目的值设置一个下拉列表（选择）。
I have
我有
<select id="mySelect">
<option value="ps">Please Select</option>
<option value="ab">Fred</option>
<option value="fg">George</option>
<option value="ac">Dave</option>
</select>
And I know that I want to change the dropdown so that the option with the value of "fg" is selected. How can I do this with JQuery?
而且我知道我想更改下拉列表，以便选择值为“fg”的选项。我怎样才能用 JQuery 做到这一点？
回答by Jeaf Gilbert
You should use
你应该使用
$('#dropdownid').val('selectedvalue');
Here an example:
这里有一个例子：
$('#dropdownid').val('selectedvalue');<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='dropdownid'>
<option value=''>- Please choose -</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='selectedvalue'>There we go!</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>回答by xbonez
回答by Royi Namir
$('#mySelect').val('fg');...........
回答by Sky
You can use this jQuery code which I find it eaiser to use:
你可以使用这个 jQuery 代码，我发现它更容易使用：
$('#your_id [value=3]').attr('selected', 'true');<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="your_id" name="name" class="form-control input-md">
<option value="1">Option #1</option>
<option value="2">Option #2</option>
<option value="3">Option #3</option>
<option value="4">Option #4</option>
<option value="5">Option #5</option>
<option value="6">Option #6</option>
<option value="7">Option #7</option>
</select>回答by Dagang
You can simply use:
您可以简单地使用：
$('#select_id').val('fg')
回答by Abdo-Host
$('#mySelect').val('ab').change();
// or
$('#mySelect').val('ab').trigger("change");
回答by Manjuboyz
May be too late to answer, but at least some one will get help.
回答可能为时已晚，但至少有人会得到帮助。
You can try two options:
您可以尝试两种选择：
This is the result when you want to assign based on index value, where '0' is Index.
这是您要根据索引值进行分配时的结果，其中“0”是索引。
$('#mySelect').prop('selectedIndex', 0);
don't use 'attr' since it is deprecated with latest jquery.
不要使用“attr”，因为它已被最新的 jquery 弃用。
When you want to select based on option value then choose this :
当您想根据选项值进行选择时，请选择：
$('#mySelect').val('fg');
where 'fg' is the option value
其中“fg”是选项值
回答by Kamran Ahmed
In your case $("#mySelect").val("fg"):)
在你的情况下$("#mySelect").val("fg"):)
回答by Siddhartha
$('#dropdownid').val('selectedvalue');<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='dropdownid'>
<option value=''>- Please choose -</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='selectedvalue'>There we go!</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>回答by MythBank
$('select#myselect option[value="ab"]').
$('select#myselect 选项[value="ab"]')。
