使用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)，但这非常烦人。

当前回答

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

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

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

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

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

注意:

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

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

2012-05-17 17:24:26

其他回答

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

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

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

2009-02-01 12:12:01

试试

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

而不是和

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

2009-02-01 11:45:06

纯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

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

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

2010-10-07 20:25:53

所以我把它改了在300毫秒使用后执行 setTimeout。现在好像起作用了。

在从Ajax调用加载数据时，我遇到过很多次这种情况。我也使用。net，当使用jQuery选择器时，它需要时间来调整到clientId。为了纠正您遇到的问题并避免必须添加setTimeout属性，您可以简单地在Ajax调用中放置“async: false”，它将给DOM足够的时间来返回您添加到select中的对象。下面是一个小样本:

$.ajax({
    type: "POST",
    url: document.URL + '/PageList',
    data: "{}",
    async: false,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (response) {
        var pages = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;

        $('#locPage' + locId).find('option').remove();

        $.each(pages, function () {
            $('#locPage' + locId).append(
                $('<option></option>').val(this.PageId).html(this.Name)
            );
        });
    }
});

2010-06-21 04:59:23

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

推荐文章

最新文章

标签