jquery select(列表)的操作（取值/赋值）

当我们需要对网页中的列表进行操作时，可以使用jQuery的select函数。该函数可以获取或设置列表的值。

获取列表值

为了获取列表中被选中的项的值，我们可以使用.val()函数。

// 获取下拉列表的选中值
var selectedValue = $('select#dropdown').val();

上述代码中，我们通过匹配选择器获取到了一个ID为“dropdown”的下拉列表，并使用.val()函数获取了该列表中被选中的项的值。如果该列表中没有选中的项，则返回undefined。

设置列表值

为了设置列表的值，我们可以采用.val()函数和传统的JavaScript方法。

// 设置下拉列表的选中值
$('select#dropdown').val('value2');

上述代码中，我们对ID为“dropdown”的下拉列表使用了.val()函数，将其选中值设置为“value2”。

// 设置多选框列表的选中值
$('input[type=checkbox]#checkbox1').prop('checked', true);
$('input[type=checkbox]#checkbox2').prop('checked', true);

上述代码中，我们对页面中的两个多选框使用了.prop()函数，将其选中状态都设置为true。

注意：对于多选框而言，我们需要使用.prop()函数来设置它的选中状态。如果使用.val()函数则不会生效。

总之，我们可以通过.val()函数和.prop()函数及传统的JavaScript方法来获取或设置网页中的列表的值。而采用上述代码示例也可以帮助我们更好的理解这一过程。