2015-06-23 137 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