jquery遍历下拉框值

日期：2023-10-06 03:05

jQuery是一个非常常用的JavaScript库，它可以让我们更方便地操作HTML文档，包括遍历下拉框。

我们来看看如何遍历下拉框的值：

//遍历所有选项值
$("#selectId 选项").each(function(){
console.log($(this).val());
});
// 遍历所有选中的选项值
$("#selectId 选项:已选择").each(function(){
console.log($(this).val());
});
// 遍历所有选中选项的文本值
$("#selectId 选项:已选择").each(function(){
console.log($(this).text());
});

上面的代码中，我们首先使用jQuery选择器获取select元素，然后使用each方法遍历option元素。如果我们只想遍历选定的选项元素，我们可以使用 :selected 伪类。同时，如果我们只想获取option的文本值，可以使用text方法。

总之，使用jQuery来遍历下拉框的值是非常方便的，而且操作也简单。希望这篇文章对大家有所帮助。

最近发表

猜你喜欢

jquery遍历下拉框值

相关文章