提交带有多个div的UL表单的最佳方式

时间:2017-04-17 21:52:50

标签: javascript jquery html forms

我有一个难以提交的表格。 ul中有多个

  • 属性。在Li属性中有多个div是这样的:

    <form id="formtosubmit" class="form-style-12" action="checkout.php" method="post">
        <ul name="products">
            <!-- products added to the cart will be inserted here using JavaScript -->
            <li class="product" name="product">'
                <div class="product-image">
                    <a href="image">
                        <img src="images/" alt="placeholder"></a>
                </div>
                <div class="product-details">
                    <a style="color: black;">product</a>
                    <span class="price"></span><br>
                    <div class="quantity">
                        <label>Aantal: ' + qty + '</label>
                        <div class="actions">
                            <a href="#0" class="delete-item">Delete</a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </form>
    

    我知道我需要在li属性中添加输入属性/标记,因为您无法提交li属性。但是我怎么需要对所有这些div做这个呢?就在李的开头?

  • 2 个答案:

    答案 0 :(得分:0)

    尝试添加隐藏的输入项: <input type="hidden" value="foo" name="bar" />

    答案 1 :(得分:0)

    使用隐藏的输入字段

    <form id="formtosubmit" class="form-style-12" action="checkout.php" method="post">
    <ul name="products">
        <li class="product" name="product">
            <input type="hidden" name="somename" value="somevalue />
            ...
        </li>
    </ul>