我有一个已知值的下拉列表。我要做的是将下拉列表设置为我知道使用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),但这非常烦人。
所以我把它改了
在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)
);
});
}
});
如果我们有一个标题为“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);