2016-06-28 10 views
1

データベースに電子メールテンプレートのHTMLを修正しました。コントローラアクションzf2でjavascriptを追加

そして、私はたいのは、コントローラのアクションからボタンクリックを提出にフォームデータをいくつかのページにリダイレクト

$htmlOutput私はHTMLを持っています。そして、私は、このようなスクリプトを追加し

$htmlOutput.=' 
<script> 
    $(document).ready(function(){ 
    $(document).find("#buttonSubmit").click(function() { 
     console.log("clicked"); 
    }); 
}); 
</script>'; 

しかし、それは働いていませんよ。どこが間違っていますか?

+0

ブラウザのコンソールで[送信]ボタンをクリックすると、この 'console'ステートメントを見ることができますか? – vijayP

+0

何も起こっていない。スクリプトは、HTMLとともに文字列として表示されます。 @vijayP –

答えて

1

ちょうど私はあなたが$htmlOutput="";または連結するために何かを持っていると仮定DOM

echo $htmlOutput.=" 
<script type='text/javascript'> 
    $(document).ready(function(){ 
    $(document).find('#buttonSubmit').click(function() { 
     console.log('clicked'); 
    }); 
}); 
</script>"; 

$htmlOutput値を追加するechoを追加します。

+0

答えをありがとう。しかし、 'echo'がなければ、スクリプトは最後にHTML文字列の内容で利用可能(表示中)になります。エコーは私のために働かなかった。 @Rishi –

+0

もう一度お試しください。 – C2486

+0

$(document).ready(function(){ $(document).find( "#paypalpayment")をクリックしてください。 (function){ console.log( "clicked"); // $(document).find( "#paypalform")submit(); }); }); "このようにinspect要素のコンソールで表示されていません –

1

キャッチフォームを送信するには、送信方法を使用する必要があります。クリックしないでください。

$(document).find('#buttonSubmit').submit(function (e) { 
console.log('submited!'); 
e.preventDefault(); 
}); 

P. ZF2のコンテキストでスクリプトを正しく追加するには、フォームクラス、フォーム/要素デコレータ、またはビューでなければなりません。

+0

リダイレクトする別の方法が見つかりました。 –