重置选择框的值

14 浏览
0 Comments

重置选择框的值

我试图重置两个select字段的值，结构如下：

使用jQuery，

$('select').each(function(idx, sel) {
  $(sel).find('option :eq(0)').attr('selected', true);
});

不幸的是，无论我尝试多少种方法，它都不起作用。控制台中没有任何输出。我不知道发生了什么事？我知道有办法做到这一点，你可以通过JS实现任何功能。

编辑：

我发现问题只发生在我尝试在单击DOM元素时触发代码时，然而，我知道代码应该是有效的，因为当我有

$('p').click(function(){
  console.log('test');
});

它会在控制台输出'test'，但是当我在此函数中包含代码时，什么都不发生。为什么会这样？

0

3 答案

0 Comments

Reset the Value of a Select Box (重置下拉框的值)

问题原因：根据O'Reilly参考书中的描述，Select对象的selectedIndex属性是一个整数，用于指定在Select对象中选中的选项的索引。如果没有选中的选项，则selectedIndex为-1。

解决方法：可以使用以下JavaScript代码将Select对象重置为没有选中的选项：

select_box = document.getElementById("myselectbox");
select_box.selectedIndex = -1;

需要注意的是，以这种方式改变选择不会触发onchange()事件处理程序。

0
0 Comments

问题原因：在网页中，当用户选择一个选项后，有时需要将选择框的值重置为默认值。然而，直接将选择框的selectedIndex属性设置为0并不总是有效。

解决方法：可以使用jQuery中的prop()方法来重置选择框的值。具体代码如下：

$('select').prop('selectedIndex', 0);

这行代码将选择框的selectedIndex属性设置为0，即将选中的选项重置为第一个选项。

点击这里查看示例：[FIDDLE](http://jsfiddle.net/barmar/bW993/)

0
0 Comments

问题的出现原因：重置一个选择框（select box）的值。

解决方法：通过设置选择框的selectedIndex属性来重置它的值。如果你知道没有任何一个选项是默认选中的，只需将选择框的selectedIndex属性设置为适当的值（例如0表示选中第一个选项，-1表示没有选中任何选项）。如果某个选项被设置为默认选中选项，你可能需要进行以下操作：获取选择框的所有选项，然后查找默认选中的选项并将其索引赋值给selectedIndex属性。如果没有默认选中的选项，你可以根据需要选择第一个选项或不选择任何选项。需要注意的是，设置属性而不是属性可能在不同的浏览器中产生不同的效果。

0