我们在用jquery操作select下拉框的时候,一般情况下,如果select是单选的,那么我们会比较方便地使用如下代码来获取值:
$("#select option:selected").val();
我们还可以设置某个select选项被选中,即设置值:
$("#select option[value='v']").prop("selected",true);
但是当select是多选的情况,即select有multiple属性的情况下,我们使用以上方法会丢失部分值。
那么我们该怎么实现多选框的取值与赋值呢?
我们可以使用循环来实现取值和赋值,看下面的代码。
$("#select option:selected").each(function () {
console.log($(this).val());
});
上面这个代码就是循环取值的过程,执行后会在浏览器的控制台输出对应值。
我们再来看多选情况下的赋值代码:
$("#select option").each(function () {
$(this).prop("selected", true);
});
上面的代码就是多选框的赋值实现,这个代码会把多选框的所有选项都选中。
以上介绍了select选择框的单选和多选情况下的取值和赋值的jquery代码实现。上面的示例代码在实际编程中可以根据具体情况来使用和调整成符合实际需求的代码。