is there a way to send data from diffrent forms at

2019-08-05 08:56发布

站内问答 / PHP
1150 3 4

This is my body i want to submit more than 1 data from diffrent forms at the same time with the same button is it possible in php? i want first form send the selected one second form send the text value...

<body>      
<div id="kategoriler">
<h4>Kategoriler</h4>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<select name="mydropdown">
<option value="Oteller">Oteller</option>
<option value="Restaurant">Restaurant</option>
<option value="Cafe">Cafe</option>
<option value="Bar">Bar</option>
<option value="Köy">Köy</option>
</select>
</form>
</div>
<div id ="text">
<h4>Başlik</h4>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<input type="text" name="baslik" value="" maxlength="100" />
<h4>Açıklama</h4>
<textarea rows="30" cols="70">
 Buraya yazın...
</textarea>
</form>
</div>
<div id="bresim">
<h4>Başlik Resmi</h4>

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"  enctype="multipart/form-data">
<label for="file">Resmi Seçin:</label>
<input name="uploaded" type="file" />
</form>
</div>
<div id="ekle">
<input type="submit" name="submit" value="Eklemek için tıklayın!" />
</div>
</body>

3条回答
来，给爷笑一个
2楼-- · 2019-08-05 09:27

Yes.

remove the input that submits, and add a link outside every form with the javascript that submits all: (also add an ID to everyform, so you can call them via this javascript)

function submitAll(){
   document.forms["IDform1"].submit();
   document.forms["IDform2"].submit();
}

EDIT: this doesn't work, the only way is via AJAX, please check @Phil's answer!

查看更多
0人赞 添加讨论(0) 举报
孤傲高冷的网名
3楼-- · 2019-08-05 09:28

One option would be forcing javascript being used: launch a javascript handler that collects the values, submits a ajax request, or even writes a form and submits it.

Jquery can easily be used to to loop through all form values.

So something like:

$("#first_form").submit(function() {
    //collect all values here
    first_form_data = $("#first_form").serialize();
    second_form_data = $("#second_form").serialize();

    $.ajax({
         url: ..,
         data: first_form_data + "&" + second_form_data,
         success: function(data) {

         }
    }

    //let’s not submit the form
    return false;
}
查看更多
0人赞 添加讨论(0) 举报
趁早两清
4楼-- · 2019-08-05 09:31

If you're using jQuery...

First, give your forms and submit button some IDs (I used #form1, #form2, and #submit). Then...

Edit: Here's a non-AJAX solution that takes advantage of the fact that the forms post to the same URL.

When the submit button is clicked, move/append the text input $(input[name=baslik]) to the second form and then submit it. This solution doesn't need the jQuery Form plugin and doesn't use AJAX:

$("#form2").submit(function() {
    $(input[name=baslik]).appendTo($(this));
});

Original, AJAX solution:

If you want AJAX, you can use the jQuery Form Plugin.

$(document).ready(function() { 
    $('#form1, #form2').ajaxForm(function() { 
        // optionally do stuff here after forms submitted
    });

    $('#submit').click(function() {
        $('#form1, #form2').ajaxSubmit();
        return false; 
    });
});

You can't use jQuery's $(form).serialize() because it does not work on file fields. This solution also assumes you want to use AJAX.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)