Java 如何从label或span获取数据并将其传输到div、其他span或label

这是我与div的表格：

<form action="" method="post">


                 <label name="meal" value="meal">
                    Soupe 
                 </label>

                <table border="0">
                    <tr>
                        <td><span id="prix" name="price" >price</span></td>
                        <td><input type="number" id="nbr" name="quantity" min="1" max="5"value="1">        
                            <label>Number of persons</label>
                        </td>
                        <td><input type="button" id="somebutton" value="order"   
                                onclick="getdata('somebutton','empty-basket-wrapper')" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">description of the meal ....</td>
                    </tr>

                </table>
</form>

   <div class="order">
                <div class="panier">
                    <span class="Ib"></span>
                    <span class="oh">my shopping cart</span>
                </div>
                <div id="empty-basket-wrapper">
                empty
                </div>
    </div>

---

谢谢你的帮助

>你应该考虑使用jQuery，然后就好像：

$(document).ready(function() {

    $("#somebutton").click(function(e) {
        e.preventDefault();
        var form = $(e.target).closest("form");
        var target = $(form).attr("action");
        $.post(target, form.serialize(), function(result) {
            // your POST Target could give you HTML for the cart contents
            $("#empty-basket-wrapper").html(result);
            // your AJAX endpoint could also give you a JSON, then you could use mustache to render.
        });
    });

});

如果您只想在购物车中弹出值，而不想回发到服务器，那么您不需要AJAX。。。不知道你是不是那个意思。如果是这样的话，就更简单了：

$(document).ready(function() {

    $("#somebutton").click(function(e) {
        e.preventDefault();
        var form = $(e.target).closest("form");
        // for sure you should investigate something more sophisticated, see mustache
        $("#empty-basket-wrapper").html(form.serialize());
    });

});

---

“可能”重复是的，它也是我的，我会删除它。我正在寻找一个解决方案，我尽可能多地了解我的答案，我需要在我的应用程序中强制使用AJAX。你能给我推荐任何使用AJAX的解决方案吗？如果AJAX是强制使用的（除非它是一个练习，否则它不应该是：-），使用第一个解决方案并编写PHP脚本（或任何服务器端有状态编程语言）解释表单并使其输出购物车内容的html格式表示。让表单动作，它应该插入购物车的状态到你的div中。是的，谢谢我没有使用php，我使用的是jee，如果你能把jQuery代码转换成AJAX，请

$(document).ready(function() {

    $("#somebutton").click(function(e) {
        e.preventDefault();
        var form = $(e.target).closest("form");
        // for sure you should investigate something more sophisticated, see mustache
        $("#empty-basket-wrapper").html(form.serialize());
    });

});