Javascript Jquery选择器仅在下拉列表中第一次起作用

我的目标是选择页面中所有下拉框的最后一个选项（一切正常，但当我第二次尝试运行代码时，结果不会改变）。我尝试记录jquery选择器代码，但不理解结果。我不知道为什么我的代码只第一次起作用。以下是我的代码：

$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“选择选项：最后一个子项”）.attr（“选定”、“选定”）；//选择每个下拉列表的最后一个下拉列表选项。
setTimeout（函数（）{
警报（“完成！”）；
}, 10)
});
});
//我的按钮的样式。
.我的按钮{
-moz盒阴影：插入0px 1px 0px 0px#54a3f7；
-webkit盒阴影：插图0px 1px 0px 0px#54a3f7；
盒影：插图0px 1px 0px 0px#54a3f7；
背景色：#007dc1；
-moz边界半径：3px；
-webkit边界半径：3px；
边界半径：3px；
边框：1px实心#124d77；
显示：内联块；
光标：指针；
颜色：#ffffff；
字体系列：Arial；
字体大小：15px；
填充：10px 9px；
文字装饰：无；
}
.myButton:悬停{
背景色：#0061a7；
}
.myButton:活动{
位置：相对位置；
顶部：1px；
}

选车
沃尔沃汽车
梅赛德斯
奥迪
选择国籍
黎巴嫩人
中国人
埃及
选择颜色
红色
黄色的
绿色
选择计算机
惠普
宏碁
东芝
选择最后一个值
您需要重置下拉列表的属性，以便您的代码可以在不中断下拉列表的情况下运行

你可以完成下一行

$("select option").removeAttr("selected");

希望这有帮助：）


$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“选择选项”）.removeAttr（“选定”）；
$（“选择选项：最后一个子项”）.attr（“选定”、“选定”）；//选择每个下拉列表的最后一个下拉列表选项。
setTimeout（函数（）{
警报（“完成！”）；
}, 10)
});
});

//我的按钮样式。
.我的按钮{
-moz盒阴影：插入0px 1px 0px 0px#54a3f7；
-webkit盒阴影：插图0px 1px 0px 0px#54a3f7；
盒影：插图0px 1px 0px 0px#54a3f7；
背景色：#007dc1；
-moz边界半径：3px；
-webkit边界半径：3px；
边界半径：3px；
边框：1px实心#124d77；
显示：内联块；
光标：指针；
颜色：#ffffff；
字体系列：Arial；
字体大小：15px；
填充：10px 9px；
文字装饰：无；
}
.myButton:悬停{
背景色：#0061a7；
}
.myButton:活动{
位置：相对位置；
顶部：1px；
}
选车
沃尔沃汽车
梅赛德斯
奥迪
选择国籍
黎巴嫩人
中国人
埃及
选择颜色
红色
黄色的
绿色
选择计算机
惠普
宏碁
东芝
选择最后一个值
您正在为该选项设置一个属性，但我想您应该改为更改


$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
//选择每个下拉列表的最后一个下拉列表选项。
$（“选择”）。每个（函数（）{
this.selectedIndex=this.length-1；
});
});
});
//我的按钮的样式。
.我的按钮{
-moz盒阴影：插入0px 1px 0px 0px#54a3f7；
-webkit盒阴影：插图0px 1px 0px 0px#54a3f7；
盒影：插图0px 1px 0px 0px#54a3f7；
背景色：#007dc1；
-moz边界半径：3px；
-webkit边界半径：3px；
边界半径：3px；
边框：1px实心#124d77；
显示：内联块；
光标：指针；
颜色：#ffffff；
字体系列：Arial；
字体大小：15px；
填充：10px 9px；
文字装饰：无；
}
.myButton:悬停{
背景色：#0061a7；
}
.myButton:活动{
位置：相对位置；
顶部：1px；
}

选车
沃尔沃汽车
梅赛德斯
奥迪
选择国籍
黎巴嫩人
中国人
埃及
选择颜色
红色
黄色的
绿色
选择计算机
惠普
宏碁
东芝
选择最后一个值
重新运行代码时，最后一个选项已选择属性。因此，在qay中，代码跳过它，这就是为什么您没有看到最后一个选项作为结果。但是如果您检查代码，您将看到它选择了attr。重置所有属性后。它将在DOM上执行更改