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

JavaScript

JimLEYSam

2020-03-10

我有一个带有已知值的下拉列表。我正在尝试将下拉列表设置为使用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的错误（我猜是Internet Explorer 6），但这非常令人讨厌。

第470篇《使用jQuery更改下拉列表的选定值》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共7个回答
Near神乐路易 2020.03.10

就我而言，我可以使用.attr（）方法使其正常工作。

$("._statusDDL").attr("selected", "");
JinJin卡卡西小胖 2020.03.10

另一个选项是在.net中设置控件参数ClientID =“ Static”，然后可以通过设置的ID访问JQuery中的对象。

SamGreen 2020.03.10

您如何将这些值加载到下拉列表中或确定要选择哪个值？如果使用Ajax进行此操作，则在进行选择之前需要延迟的原因可能是因为在执行相关行时未加载值。这也可以解释为什么在设置状态之前将警报语句放在行上时它起作用的原因，因为警报操作会给数据加载带来足够的延迟。

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

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

ProTony 2020.03.10

我使用扩展函数来获取客户端ID，如下所示：

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

然后，您可以像这样在jQuery中调用ASP.NET控件：

$.clientID("_statusDDL")
凯神乐 2020.03.10

只需尝试 

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

而不是 

$("._statusDDL").val(2);
老丝乐 2020.03.10

对于隐藏字段，您需要这样使用：

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

要么

$("._statusDDL").val(2).change();
逆天前端 2020.03.10

仅供参考，您无需使用CSS类即可完成此操作。

您可以编写以下代码行以在客户端上获取正确的控件名称：

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

ASP.NET将在jQuery中正确呈现控件ID。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android