Question

我在页面上有多个选择框，所有这些框都共享name属性的相同开头部分。我需要做的是通过这个起始名称SELECT___遍历页面上的每个选择框，并获取该选择框的名称以及所选的选项值是什么，并将其格式化为这样我就可以插入它进入一个Ajax帖子调用，如下所示。

注意：从以下变量

中检索产品代码

var global_Current_ProductCode = '100E';

这是Ajax调用。请注意，我对数据字段进行了硬编码并且它可以正常工作，但我需要使用相应的选择名称来获取实际选择的选项值。

$.ajax({
url: $("form[name='MainForm']").attr('action'),
data: "SELECT___100E___7=25&SELECT___100E___9=42&btnupdateprice.x=0&btnupdateprice.y=0&ProductCode=100E",
type: 'POST', 
cache: false,
success: function(response) {
result2= $(response).find(".pricecolor .price");
alert(result2.text());
}
});

这是选择框。请注意，页面上可能有一个，两个或更多选择框。谢谢你的帮助。希望我有意义。

<select onChange="change__option(this.name,this.options[this.selectedIndex].value,this.options[this.selectedIndex].text)" name="SELECT___100E___7">
<option value="0">Select Cart Color</option>
<option value="21">Chrome</option>
<option value="25">Beige/Almond [Add $1.00]</option>
</select>

<select onChange="change__option(this.name,this.options[this.selectedIndex].value,this.options[this.selectedIndex].text)" name="SELECT___100E___9">
<option value="0">Select Cart Color</option>
<option value="27">Red</option>
<option value="42">Beige/Almond [Add $2.00]</option>
</select>

总而言之，我需要格式为SELECT___100E___7=25&SELECT___100E___9=42&btnupdateprice.x=0&btnupdateprice.y=0&ProductCode=100E，以便我可以将它放在Ajax调用的数据字段中。这假设第一个选择框选择了米色/杏仁选项（25），第二个选择框也选择了米色/杏仁选项（42）

Answer 1

您可以使用jQuery serialize。它只需要周围id的{{1}}属性。要在请求中包含其他信息，例如产品ID或价格，请创建相应的<form>字段并致电

hidden

序列化表格选择多个选择框上的选择框选项

1 个答案: