如何使用Jquery设置下拉框的值？

Question

您好，我正在使用以下方式通过jquery在下拉列表中设置一个值。

$("#dropDownItems option[value='--Select--']").attr('selected', 'true');

 $("#dropDownItems option[value='--Select--']").attr('selected', 'selected');

但是这些方法都不适用于FireFox！其他浏览器都能正常工作。

有人能帮我解决吗？

- sreenu

---

也许单引号的CSS实现存在问题。你尝试过$("#dropDownItems option[value=\"--Select__\"]").attr("selected", "selected");吗？ - Naftuli Kay

你使用的是哪个版本的jQuery？尝试使用Prop而不是attr。 - Brij

Answer 1

这应该能为您解决问题。

$('#dropdownID').val("Value to be selected");

- Josh Mein

Answer 2

$("#dropDownItems").val("--Select--");

或者，如果您只想选择第一个选项，而不考虑其值，您可以定义此辅助函数：

$.fn.selectFirst = function () {
    return $(this).find("option:first").attr("selected", "selected").end();
}

然后像这样使用它：

$("#dropDownItems").selectFirst();

- Chris Fulstow

Answer 3

如果您想设置默认值并且它是第一个元素，可以这样做：

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

- user872152

Answer 4

试一下这个

$('[id*=_dropdown]').val("--Select--");

- shafi7468

Answer 5

我猜有多种方法可以做到。最简单的方法：

$("#dropdownID").val("dropdownValue");

这个会正常工作，但如果你有任何情况它都不会触发变化事件。为了解决这个问题，请按照以下方式使用：

$("#dropdownID").val("dropdownValue").change();

其他可能的方法：

$("#dropdownID").attr('selected','selected');

$("#dropdownID").prop('selected', true);

- Saket Kumar