方法一:
// 通过 id 选择器选中父标签,因为下拉类别是通过遍历数据动态创建,无法直接通过 id 选择器准确选中
// 再通过 find 方法查找其下包括的 select 标签,获取标签组,示例中包括两个下拉列表
var selects = $("#p_attr").find("select");
for (var i = 0; i < selects.length; i++) {
// 通过 eq 方法选中第 i 个 select 标签,再通过 find 方法查找选中的 option(:selected 匹配所有选中的option元素),最后通过 val 和 text 进行取值
var value = selects.eq(i).find("option:selected").val();
var text = selects.eq(i).find("option:selected").text();
}
方法二:
// 通过 id 选择器选中父标签,因为下拉类别是通过遍历数据动态创建,无法直接通过 id 选择器准确选中
// 再通过 find 方法查找其下包括的 select 标签,获取标签组,示例中包括两个下拉列表
var selects = $("#p_attr").find("select");
for (var i = 0; i < selects.length; i++) {
// 通过 select[i] 获取正在遍历的元素,但是是 DOM 对象,需要通过 $() 转换为 jQuery 对象,再通过方法一后续步骤取值
var value = $(selects[i]).find("option:selected").val();
var text = $(selects[i]).find("option:selected").text();
}
方法三:
// 通过 id 选择器选中父标签,因为下拉类别是通过遍历数据动态创建,无法直接通过 id 选择器准确选中
// 再通过 find 方法查找其下包括的 select 标签,获取标签组,示例中包括两个下拉列表
var selects = $("#p_attr").find("select");
for (var i = 0; i < selects.length; i++) {
// 通过当前正在遍历的 select 通过 selectedIndex 获取选中的 option 的索引
var index = selects[i].selectedIndex;
// 再通过索引查找对应的 option 取值
var value = selects[i].options[index].value;
}