jQuery - เพิ่มพารามิเตอร์เพิ่มเติมในการส่ง (ไม่ใช่อาแจ็กซ์)

ใช้ jQuery's 'ส่ง' - มีวิธีส่งพารามิเตอร์เพิ่มเติมไปยังแบบฟอร์มหรือไม่ ฉันไม่ได้ต้องการทำเช่นนี้กับ Ajax - นี่เป็นเรื่องปกติที่จะส่งแบบฟอร์มการรีเฟรชทั่วไป

$('#submit').click(function () {
    $('#event').submit(function () {
        data: { 
        form['attendees'] = $('#attendance').sortable('toArray').toString();
    });
});

อันนี้ทำเพื่อฉัน:

var input = $("<input>")
               .attr("type", "hidden")
               .attr("name", "mydata").val("bla");
$('#form1').append(input);

ขึ้นอยู่กับคำตอบของ Daff แต่เพิ่มแอตทริบิวต์ NAME เพื่อให้มันแสดงในการรวบรวมฟอร์มและเปลี่ยน VALUE เป็น VAL ตรวจสอบ ID ของ FORM (form1 ในกรณีของฉัน)

ใช้ Firefox firebug เพื่อตรวจสอบว่าองค์ประกอบถูกแทรกหรือไม่

องค์ประกอบที่ซ่อนอยู่จะได้รับการโพสต์กลับมาในคอลเลกชันฟอร์มเฉพาะฟิลด์แบบอ่านอย่างเดียวเท่านั้น

มิเชล

ในกรณีของคุณมันควรจะพอเพียงเพิ่มฟิลด์อื่นที่ซ่อนอยู่ในแบบฟอร์มของคุณแบบไดนามิก

var input = $("<input>").attr("type", "hidden").val("Bla");
$('#form').append($(input));

คุณยังสามารถใช้อันนี้ ทำงานได้ดีสำหรับฉัน

$("#registerform").attr("action", "register.php?btnsubmit=Save") 
$('#registerform').submit();

สิ่งนี้จะส่ง btnsubmit = บันทึกเป็นค่า GET เพื่อลงทะเบียน form.php

คุณสามารถเขียนฟังก์ชัน jQuery ซึ่งอนุญาตให้คุณเพิ่มเขตข้อมูลที่ซ่อนอยู่ในแบบฟอร์ม:

// This must be applied to a form (or an object inside a form).
jQuery.fn.addHidden = function (name, value) {
    return this.each(function () {
        var input = $("<input>").attr("type", "hidden").attr("name", name).val(value);
        $(this).append($(input));
    });
};

จากนั้นเพิ่มฟิลด์ที่ซ่อนไว้ก่อนที่คุณจะส่ง:

var frm = $("#form").addHidden('SaveAndReturn', 'Save and Return')
                    .submit();

คุณไม่จำเป็นต้องผูกเหตุการณ์ส่งเมื่อคลิกปุ่มส่งเพียงผูกเหตุการณ์ส่งและมันจะจับเหตุการณ์ส่งไม่มีสาระสำคัญว่าจะได้รับการเรียก

คิดว่าสิ่งที่คุณต้องการคือการส่งเรียงลำดับเช่นเดียวกับคุณผ่านทาง ajax ลองทำสิ่งนี้:

var form = $('#event').submit(function () {
    $.each($('#attendance').sortable('toArray'),function(i, value){
        $("<input>").attr({
            'type':'hidden',
            'name':'attendace['+i+']'
        }).val(value).appendTo(form);
    });
});

คำตอบที่คล้ายกัน แต่ฉันแค่อยากให้มันใช้ได้สำหรับการทดสอบที่ง่าย / รวดเร็ว

var input = $("<input>")
               .attr("name", "mydata").val("go Rafa!");

$('#easy_test').append(input);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>



<form id="easy_test">
  
</form>