2017-09-10 8 views
0

私はHTMLテーブルを持っています。セルのコンテンツをクリックするとjqueryダイアログウィンドウが表示され、送信ボタン付きのフォームが表示されます。jqueryダイアログ内からフォームを送信

<script> 
$(document).ready(function(){ 
    $("a#open").click(function(){ 
     $('#window').dialog("open"); 
     return false; 
    }); 
    $('#window').dialog({ 
     modal: true, 
     autoOpen: false 
    }); 
}); 
</script> 


<div id="window" title="modify" style="display: none;"> 
<form class="forms" action="some_url.php" method="POST" id="modcat"> 
    <select id="categoria"> 
    <option value="" disabled selected style='display:none;'> - select - 
    <option value="80">80</option> 
    <option value="40">40</option> 
    <option value="70">70</option> 
    </select> 
    <input type="submit" name="send" value="modify" /> 
</form> 
</div> 

ダイアログウィンドウが開き、(選択値を持つ)フォームがある:ここでは

は、私がこれまでに書いたコードです。問題は、送信ボタンをクリックしても何も起こらないということです。 私は何が間違っていますか?

+0

を行う方法をここで追加の例を忘れてしまったあなたのブラウザコンソールでは、モーダルでフォームを送信するときに、ネットワークタブにアクティビティが表示されますか? _Console_タブにエラーがありますか?可能であれば、[MCVE]を作成してください... –

答えて

0

あなたの良いサウンド良いのすべて、;)しかし、あなたはここに

<a href="#" id="open">click me</a> 

オンラインhttps://codepen.io/anon/pen/JygbeG/?editors=1111

は、テーブル

https://codepen.io/anon/pen/JygbeG/?editors=1111

+0

私はこの行を持っています。問題は、モーダルダイアログでフォームを正しく表示しているにもかかわらず、送信ボタンがURLをトリガーしないことです。何も起こりません。 – Alex

+0

ちょうどあなたの問題のいくつかの問題を追加して、最後に追加された例を見てください。グラムは敬老です。 –

+0

ありがとうございますが、問題はフォームを送信しています。ダイアログウィンドウが正しく開きます。 – Alex

関連する問題