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

就像

<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等高级程序员的评论

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

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

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

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

纯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 = "变化()“>改变> < /按钮

我使用一个扩展函数来获取客户端id，如下所示:

$.extend({
    clientID: function(id) {
        return $("[id$='" + id + "']");
    }
});

然后您可以调用ASP。jQuery中的NET控件如下:

$.clientID("_statusDDL")

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

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

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

试试

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

而不是和

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