我有一个已知值的下拉列表。我要做的是将下拉列表设置为我知道使用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),但这非常烦人。


当前回答

如果我们有一个标题为“Data Classification”的下拉列表:

<select title="Data Classification">
    <option value="Top Secret">Top Secret</option>
    <option value="Secret">Secret</option>
    <option value="Confidential">Confidential</option>
</select>

我们可以把它放到一个变量中:

var dataClsField = $('select[title="Data Classification"]');

然后在另一个变量中放入我们想要的下拉列表值:

var myValue = "Top Secret";  // this would have been "2" in your example

然后我们可以使用我们放入dataClsField的字段,对myValue进行查找,并使用.prop()将其选中:

dataClsField.find('option[value="'+ myValue +'"]').prop('selected', 'selected');

或者,你可以只使用.val(),但你的选择器。只有当它匹配下拉列表中的类时才能使用,并且你应该在括号内的值上使用引号,或者只是使用我们之前设置的变量:

dataClsField.val(myValue);

其他回答

jQuery的文档声明:

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

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

你很可能想要这个:

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

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

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

试试

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

而不是和

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

我知道这是一个老问题,除了在某些情况下,上述解决方案很好。

就像

<select id="select_selector">
<option value="1">Item1</option>
<option value="2">Item2</option>
<option value="3">Item3</option>
<option value="4" selected="selected">Item4</option>
<option value="5">Item5</option>
</select>

因此,Item4将在浏览器中显示为“Selected”,现在您想将值更改为3,并显示“Item3”,而不是Item4。所以按照上面的解决方案,如果你使用

jQuery("#select_selector").val(3);

您将在浏览器中看到Item 3被选中。但是当您使用php或asp处理数据时,您将发现所选值为“4”。原因是,你的html看起来是这样的。

<select id="select_selector">
<option value="1">Item1</option>
<option value="2">Item2</option>
<option value="3" selected="selected">Item3</option>
<option value="4" selected="selected">Item4</option>
<option value="5">Item5</option>
</select>

在服务器端语言中,它的最后一个值是“4”。

这是我最后的解决方案

newselectedIndex = 3;
jQuery("#select_selector option:selected").removeAttr("selected");
jQuery("#select_selector option[value='"+newselectedIndex +"']").attr('selected', 'selected');  

编辑:在“+newselectedIndex+”周围添加单引号,这样同样的功能可以用于非数值。

我要做的是,移除选中的属性然后新建一个选中的属性。

我希望来自@strager, @y0mbo, @ISIK等高级程序员的评论

如何将值加载到下拉列表或决定选择哪个值?如果使用Ajax执行此操作,那么在选择发生之前需要延迟的原因可能是因为在执行相关行时没有加载值。这也解释了为什么在设置状态之前将警告语句放在行上时它会工作,因为警报操作将为数据加载提供足够的延迟。

如果你正在使用jQuery的Ajax方法之一,你可以指定一个回调函数,然后放入$("._statusDDL").val(2);到回调函数中。

这将是一种更可靠的处理问题的方式,因为您可以确保方法在数据准备就绪时执行,即使它花费的时间超过300毫秒。

在研究了一些解决方案后,这对我来说很管用。

我有一个带有一些值的下拉列表,我想从另一个下拉列表中选择相同的值…首先我放入一个变量,第一个下拉菜单的selectIndex。

var indiceDatos = $('#myidddl')[0].selectedIndex;

然后,在第二个下拉列表中选择该索引。

$('#myidddl2')[0].selectedIndex = indiceDatos;

注意:

我想这是最短、可靠、通用和优雅的解决方案。

因为在我的例子中,我使用selected option的data属性而不是value属性。 所以如果你对每个选项都没有独特的价值,上面的方法是最简单和甜蜜的!!