第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

點擊按鈕提交表單

點擊按鈕提交表單

慕桂英3389331 2021-06-29 08:55:40
我需要通過單擊表單外的按鈕來提交表單。這是簡單的頁面：<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>title</title>    <script type="text/javascript">        $(function () {            $("#buy-button").on("click", function () {                $("#refresh-form").submit(function () {                    alert('test');                });            });        });    </script></head><body><header>    header</header><div id="main-div"></div></div><div id="navigation-div">    <form id="refresh-form" action="test.php">        <button id="map-button">Refresh</button>    </form>    <button id="buy-button">Buy</button></div><footer>    footer</footer></body></html>當我點擊buy-button它不會刷新頁面。我錯過了什么？假設我在表單中有一個按鈕列表，其中哪些具有button類型，如果我可以成功提交表單，我將獲得為每個按鈕設置的所有值，還是只獲得類型具有的按鈕的值被設置為submit？
查看完整描述

3 回答

?
手掌心

TA貢獻1942條經(jīng)驗 獲得超3個贊

我肯定會這樣使用trigger：


        $(function () {

            $("#buy-button").on("click", function () {

                $("#refresh-form").trigger('submit');

            });

        });

來自submit()上的 jQuery 文檔：

可以通過單擊明確的<input  type="submit">、<input type="image">或<button type="submit">或在某些表單元素具有焦點時按 Enter來提交表單。

在我看來，手動觸發(fā)表單提交是一種更好、可行的方法。


查看完整回答
反對 回復 2021-07-01
?
慕雪6442864

TA貢獻1812條經(jīng)驗 獲得超5個贊

這是我們將使用 ajax 的工作示例


<form id="sortContentImagesForm" method="PATCH" action="/">

    <div id="sortContentImages">

    </div>

</form>


<button id="submit-sorted-images" class="btn btn-success btn-sm"><i class="fa fa-check"></i>Submit Sorted

    Images</button>


<script>

    $(document).on('click', '#submit-sorted-images', function (e) {

        $("#sortContentImagesForm").submit(); // Submit the form

    });



    $(document).on('submit', "#sortContentImagesForm", function (e) {

        e.preventDefault(); // avoid to execute the actual submit of the form.


        var form = $(this);

        var url = form.attr('action');

        var type = form.attr('method');


        $.ajax({

            type: type,

            url: url,

            data: form.serialize(), // serializes the form's elements.

            success: function (payload) {

                toastr.success("Updated Successfully");

            },

            error: function (request, status, error) {

                toastr.error(request.responseText);

            }

        });

    });

</script>


查看完整回答
反對 回復 2021-07-01
?
幕布斯6054654

TA貢獻1876條經(jīng)驗 獲得超7個贊

您可以在不使用 JavaScript 的情況下實現(xiàn)您想要的。如果您form在按鈕標簽中設置該屬性，即使它被放置在表單之外，它也會作為提交按鈕工作：


<form id="refresh-form" action="test.php">

    <button id="map-button">Refresh</button>

</form>


<button id="buy-button" form="refresh-form">Buy</button>


查看完整回答
反對 回復 2021-07-01
  • 3 回答
  • 0 關注
  • 255 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號