通过显示模式提交表格

时间:2015-06-23 17:40:54

标签: php ajax forms modal-dialog zurb-foundation

我正在尝试提交表单并打开一个模式,表单上有表单发布数据 Modal工作正常,但表单帖子没有通过。

我尝试了jquery / ajax但没有运气。

<form id="frmTractors" method="post" action='process.php'>
    <select id="tractor" name="tractor_number">
       <options...>
    </select>

    <input type="submit" value="Submit" data-reveal-id="myModal" data-reveal-ajax="process.php" />
</form>

<!-- ### MODAL ### -->
<div id="myModal" class="reveal-modal" data-reveal></div>

1 个答案:

答案 0 :(得分:0)

我在网站上运行类似的东西:

<强> HTML

<input type="hidden" id="processURL" value="process.php">
    <select id="tractor" name="tractor_number">
       <options...>
    </select>

<强> JQUERY

$(function() {  
    $( "#tractor" ).change(function(){
        var url = $('#processURL').val();
        var tractor_number = $(this).val();                 
        var postit = $.post( url, {tractor_number:tractor_number});     
        postit.done(function( data ) {

        $('#myModal').foundation('reveal', 'open');

        });     
    }); 
}); 

您不需要表单,只需要隐藏输入来保存您的流程文件URL。