2016-05-13 3 views
0

私はこのHTMLコードをmojoliciusコードと混ぜて書いています。アイデアは、私がブートストラップボタンとして定式化されたラジオ入力を選択したときにフォームを送信することです。ラジオ入力を選択したときにJavaScript機能付きフォームを送信できません

提出タイプの入力をすると、私は「ブートストラップ」ボタンを選択して提出します。完全に機能します。しかし、私はこの関数(submitForm(node))を使ってフォームを送信すると、それを送信するようですが、何もしません。 Firefoxデバッガはエラーを投げません。

<form method="post" id="runform"> 
%if (keys %$base) { 
%for my $option (sort keys %$base) { 

    <div class="col-sm-4"> 
    <div class="panel panel-success machine"> 

...       

    <div class="btn-group pannel-body" data-toggle="buttons"> 
     <label class="btn btn-success" id="base_action" onclick="submitForm(<%= $option %>)"> 
      <input name="id_base" id="submit<%= $option %>" type="radio" value="<%= $option %>"><strong>&nbsp;<i class="fa fa-play" aria-hidden="true"></i>&nbsp;Start this Machine</strong> 
     </label>        
    </div> 

</div> 
</div> 
%} 
</form> 

JavaScriptの機能:

function submitForm(node) { 
    var id = "submit"+ node ; 
    document.getElementById(id).checked=true; 
    document.getElementById("runform").submit(); 
} 

おかげ

+0

タイプを変更して[submit_buttonヘルパー](http://mojolicious.org/perldoc/Mojolicious/Plugin/TagHelpers#submit_button)を試したことがありますか?'%= submit_button 'OK'、id =>" submit。$ option、type => 'radio'、value = ... ' – Piotr

答えて

0

あなたは、フォーム上のaction属性が不足しているので、それが現在のページに提出しますが、それを提出しているようだ理由ですが、ありませんあなたのサーバが要求と同じページで返信するように設定している可能性が高いからです。

フォームを正しいURLにポイントします。

関連する問題