2015-06-23 94 views
1

我正在尝试提交表单并打开表单,并在表单上打开模式发布数据。
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> 
+0

你可以做小提琴吗? –

+0

嗨,我做了这个小提琴:http://jsfiddle.net/xy9otv55/1/,但不能让它在这里工作。 – lcp2000

回答

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。

+0

非常感谢,它效果很好。我只需要添加到基础函数的url var:$('#myModal')。foundation('reveal','open',url); – lcp2000

+0

欢迎您...我爱基金会。学习引导,轻量化和满足大多数小型企业对于有效网站的要求要容易得多。 – petebolduc