使用jQuery更改下拉列表的选定值

我有一个已知值的下拉列表。我要做的是将下拉列表设置为我知道使用jQuery存在的特定值。使用常规的JavaScript，我会做如下的事情:

ddl = document.getElementById("ID of element goes here");
ddl.value = 2; // 2 being the value I want to set it too.

然而，我需要用jQuery做到这一点，因为我使用CSS类为我的选择器(愚蠢的ASP。NET客户端id…)。

以下是我尝试过的一些方法:

$("._statusDDL").val(2); // Doesn't find 2 as a value.
$("._statusDDL").children("option").val(2) // Also failed.

我如何用jQuery做到这一点?

更新

所以事实证明，我第一次就说对了:

$("._statusDDL").val(2);

当我把警报放在上面时，它工作得很好，但当我删除警报并让它全速运行时，我得到了错误

无法设置所选属性。无效的指数

我不确定这是jQuery或Internet Explorer 6的bug(我猜是Internet Explorer 6)，但这非常烦人。

当前回答

试试

$("._statusDDL").val("2");

而不是和

$("._statusDDL").val(2);

2009-02-01 11:45:06

其他回答

在我的情况下，我能够让它工作使用.attr()方法。

$("._statusDDL").attr("selected", "");

2018-09-18 18:10:55

<asp:DropDownList id="MyDropDown" runat="server" />

使用$(“选择[名称$ = ' MyDropDown '] ") .val()。

2010-10-07 20:25:53

仅供参考，你不需要使用CSS类来完成这一点。

你可以写下面这行代码在客户端上获得正确的控件名称:

$("#<%= statusDDL.ClientID %>").val("2");

ASP。NET将在jQuery内部正确地呈现控件ID。

2009-04-21 02:16:22

纯JS

对于现代浏览器来说，使用CSS选择器对于纯JS来说不是问题

document.querySelector('._statusDDL').value = 2;

函数变化(){ document.querySelector(“._statusDDL”)。Value = 2; ｝ <选择类= " _statusDDL " > <option value="1" selected>A</option> . B <选项值= " 2 " > < /选项> <选项值= 3 > C > < /选项 < /选择> <按钮onclick = "变化()“>改变> < /按钮

2020-06-26 20:06:19

jQuery的文档声明:

(jQuery。Val]检查或选择所有单选按钮、复选框，并选择与该值集匹配的选项。

这个行为在jQuery 1.2及以上版本中。

你很可能想要这个:

$("._statusDDL").val('2');

添加.change()以查看下拉列表前端的选项:

$("._statusDDL").val('2').change();

2009-01-31 19:43:42

使用jQuery更改下拉列表的选定值

推荐文章

最新文章

标签