通过循环创建的下拉列表，如何选择选中的项

方法一：

// 通过 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;
}