如何結合兩個表單域並提交作爲一個領域與jQuery的？

好的這是我的問題。
我製作了一個表單，您可以輸入多個項目和數量 - 如果您需要添加更多項目，您可以添加其他表單域。如何結合兩個表單域並提交作爲一個領域與jQuery的？

該表可在訪問：https://store.jerrysnuthouse.com/wholesaleform

對於我的購物車識別多個項目提交的，它需要在哪裏項目由數字代替所要提交

http://store.jerrysnuthouse.com/cgi-bin/UCEditor?MerchantID=2101&ADD_ITEM=Quantity

，客戶輸入和數量也被取代。

現在我有兩個字段，項目和數量。提交時，他們發送爲

http://store.jerrysnuthouse.com/cgi-bin/UCEditor?MerchantID=2101&ADD_Item="ITEM"&quanity="Quantity"

額外的等號不能在那裏。

所以夫婦可能的解決方案 - 需要剝去等號或

需要有值輸入每個項目和數量加入 - 並提交莫名其妙地跟着我已經列出的格式。

思考創建另一個隱藏的輸入和加入他們那裏......但後來我就只是需要提交一個輸入到我的購物車

任何想法都大加讚賞。

順便說一句 - 可以使用jQuery或速度。

感謝，尼克

<!------Wholesale Form -------> 


#ucTemplate("jnh_header_v2") 


<head> 

<script type="text/javascript"> 
$(function() { 
var addDiv = $('#addinput'); 
var i = $('#addinput p').size(); 

$('#addNew').live('click', function() { 
$('<p '+ i +'>Item#<input type="text" id="item" size="" name="ADD_" value="" placeholder="I am New item" />Quantity#<input type="text" id="quantity" name="" value="" placeholder="I am New quantity" /><a href="#" id="remNew">Remove</a> Or <a href="#" id="addNew">Add</a> </p>').appendTo(addDiv); 
i++; 

return false; 
}); 

$('#remNew').live('click', function() { 
if(i > 2) { 
$(this).parents('p').remove(); 
i--; 
} 
return false; 
}); 
}); 
</script> 

</head> 




#set($itemFormSubmitUrl = "http://store.jerrysnuthouse.com/cgi-bin/UCEditor?") 
          <form action="$itemFormSubmitUrl" method="get" id="wholesale_form"> 
    <input type="hidden" name="MerchantID" value="${merchantID}"> 
<div id="addinput"> 
<p> 
Item#<input type="text" id="item" size="20" name="ADD_" value="" placeholder="Item #" /> Quantity:<input type="text" id="quantity" size="20" name="" value="" placeholder="Quantity" /><a href="#" id="addNew">Add</a> 
</p> 
</div> 



<div id="addtocart" style="float:left;"><input type="submit" value="add to cart"/></div> 
</form> 



</div>

來源

2013-04-10 Nick Julia

好像有一些需要加以固定幾件事情。

也許對於#addNew單擊處理程序行應該是這樣的：

$('<p '+ i +'>Item#<input type="text" name="ADD_ITEM" value="Quantity" placeholder="I am New item" />Quantity#<input type="text" placeholder="I am New quantity" /><a href="#" id="remNew">Remove</a> Or <a href="#" id="addNew">Add</a> </p>').appendTo(addDiv);

請記住，它是無效的具有相同id屬性的多個元素，這可能會導致問題。您可能想要改爲使用類。請參閱my other question。

另外，你想用'<p '+ i +'>...'這個零件做什麼？這將輸出一個像<p 1>或<p 2>。我認爲將數字作爲屬性名稱是沒有意義的。

來源

2013-04-10 16:31:54

感謝您的回答@ mikez302 是的，代碼並不漂亮。我對腳本有點不熟悉。找到用於添加其他表單字段並將其調整爲我的用途的代碼。基本上想要一個表格，讓我的客戶在中添加物品編號和數量 - 允許他們通過添加更多字段（如果需要）輸入儘可能多的數量。任何編輯或清理方法都很棒。再次感謝！ – 2013-04-10 16:58:59

至於你的其他問題 - 是的，你是對的，他們不應該有相同的ID。可能應該將其改爲一個班級或給予獨特的ID。仍在玩表格，還沒有清理代碼。包括內聯的CSS等... – 2013-04-10 17:08:27

我假設你必須重定向到上面的url。在這種情況下，可以形成URL作爲在JavaScript字符串和值分配給location.href

location.href = 'http://store.jerrysnuthouse.com/cgi-bin/UCEditor?MerchantID=2101&ADD_ITEM=Quantity';

這將提交數據並重定向到該頁面。

來源

2013-04-10 16:40:46 ManojRK

如何結合兩個表單域並提交作爲一個領域與jQuery的？

回答

相關問題