我有一个代码可以从 mysql 数据库中获取产品,然后让用户输入数量并使用 javascript ajax 代码发布
示例:( 真正的结果来自 mysql while{ };
<form>
<input id="vpb_quantity" type="number" min="1" max="99" step="1" value="1">
<input type="button" onclick="vpb_change_quantity('product1');" /></form>
<form> <input id="vpb_quantity" type="number" min="1" max="99" step="1" value="1">
<input type="button" onclick="vpb_change_quantity('product2');" /></form>
<form> <input id="vpb_quantity" type="number" min="1" max="99" step="1" value="1">
<input type="button" onclick="vpb_change_quantity('product3');" /></form>
<form> <input id="vpb_quantity" type="number" min="1" max="99" step="1" value="1">
<input type="button" onclick="vpb_change_quantity('product4');" /></form>
现在这为我们提供了一个输入框来输入数量并按下按钮发送产品的新数量尝试将 id 更改为 id="vpb_quantity1"、id="vpb_quantity2" 等,但 java 没有获得 vpb_quantity 值。猜我必须更改代码:
var vpb_quantity = $("#vpb_quantity").val();
我们不能为所有结果使用相同的“id”,我们如何更改下面的代码以使用“name”或“class”而不是“id”?
剧本:
function vpb_change_quantity(item_id)
{
var vpb_quantity = $("#vpb_quantity").val();
$("div.checkout_user_info").hide();
$("div#checkout_user_info").hide();
$("div.shopping_cart_status").show();
$("div#shopping_cart_status").show();
var dataString = "item_id=" + item_id + "&vpb_quantity=" + vpb_quantity + "&page=change_quantity";
$.ajax({
type: "POST",
url: "vasplus_programming_blog_shopping_cart_v4.php",
data: dataString,
beforeSend: function()
{
$('html, body').animate({scrollTop:0}, 'slow');
$("#response").html('<img src="loading.gif" align="absmiddle" alt="Loading..."> Loading...<br clear="all" /><br clear="all" />');
},
success: function(response)
{
$("#response").html(response);
}
});
}
我们需要将 id 更改为 name 或 class & 所以我们必须更改该行: var vpb_quantity = $("#vpb_quantity").val(); 我们怎么能这样做?