用javascript點擊提交表單

Question

我只是html和javascript的新手。 我有這樣

<form id="add-to-cart" action="http://example.com/test" method="post"> 
    <div> 
    <input type="hidden" name="cartkey" value=""> 
    <input type="hidden" name="id" value="1"> 
    <a href="#" onclick="" class="try-now-button">add to cart</a> 
    </div> 
    <div> 
    <input type="hidden" name="cartkey" value=""> 
    <input type="hidden" name="id" value="3"> 
    <a href="#" onclick="" class="try-now-button">add to cart</a> 
    </div> 
    <div> 
    <input type="hidden" name="cartkey" value=""> 
    <input type="hidden" name="id" value="9"> 
    <a href="#" onclick="" class="try-now-button">add to cart</a> 
    </div> 
</form> 

我想要點擊的按鈕，然後在該值將用於該按鈕提交表單。假設我已經點擊了第三個按鈕，你可以在最後一個按鈕中看到值爲9.所以我想提交值9.所以有人可以告訴我如何做到這一點？ 我有更多的10個按鈕這樣的形式內。我剛使用3這裏

Answer 1

所有形式的值將被提交給ID，這樣就可以使用這些ID的

request.getparameter("idname"); // if you are using java 

<form id="add-to-cart" action="http://example.com/test" method="post"> 
    <div> 
     <input type="hidden" name="cartkey" value=""> 
     <input type="hidden" name="id" **id="cartkeyid1"** value="1"> 
     <a href="#" onclick="" class="try-now-button">add to cart</a> 
    </div> 
    <div> 
     <input type="hidden" name="cartkey" value=""> 
     <input type="hidden" name="id" **id="cartkeyid2"** value="3"> 
     <a href="#" onclick="" class="try-now-button">add to cart</a> 
    </div> 
    <div> 
     <input type="hidden" name="cartkey" value=""> 
     <input type="hidden" name="id" **id="cartkeyid3"** value="9"> 
     <a href="#" onclick="" class="try-now-button">add to cart</a> 
    </div> 
</form> 

這樣取值，你將能夠獲得價值你需要。

希望這會有所幫助！

Answer 2

你可以把每一個項目它自己的<form>，並在其中使用<button type="submit"> o創建單個帖子：

<div> 
    <form action="http://example.com/test" method="POST"> 
    <input type="hidden" name="cartkey" value=""> 
    <input type="hidden" name="id" value="1"> 
    <button type="submit" class="try-now-button">add to cart</button> 
    </form> 
</div> 
<div> 
    <form action="http://example.com/test" method="POST"> 
    <input type="hidden" name="cartkey" value=""> 
    <input type="hidden" name="id" value="3"> 
    <button type="submit" class="try-now-button">add to cart</button> 
    </form> 
</div> 
<div> 
    <form action="http://example.com/test" method="POST"> 
    <input type="hidden" name="cartkey" value=""> 
    <input type="hidden" name="id" value="9"> 
    <button type="submit" class="try-now-button">add to cart</button> 
    </form> 
</div> 

或者你可以把JavaScript方式使用jQuery

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script> 
<script> 
    var postItem = function (item) { 
    $.post('http://example.com/test', item, function (data) { 
     alert('Response: ' + data); 
    }); 
    } 
</script> 
<div> 
    <button class="try-now-button" onclick="postItem({ cartkey: '', id: 1 })"> 
    add to cart 
    </button> 
</div> 
<div> 
    <button class="try-now-button" onclick="postItem({ cartkey: '', id: 3 })"> 
    add to cart 
    </button> 
</div> 
<div> 
    <button class="try-now-button" onclick="postItem({ cartkey: '', id: 3 })"> 
    add to cart 
    </button> 
</div>