選擇無線電輸入時，無法使用JavaScript功能提交表單

我使用mojolicius代碼混合編寫了此html代碼。我的想法是當我選擇一個程式化爲引導按鈕的無線電輸入時提交表單。選擇無線電輸入時，無法使用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(); 
}

感謝

來源

2016-05-13 Joan SP

您是否嘗試過使用[submit_button helper]（http://mojolicious.org/perldoc/Mojolicious/Plugin/TagHelpers#submit_button）修改類型？ '％= submit_button'Ok'，id =>「submit。$ option，type =>'radio'，value = ...' – Piotr

你缺乏的窗體上的action屬性，因此它被提交到當前頁面，這就是爲什麼它似乎提交，但不什麼也沒有，因爲你可能已經配置好你的服務器來回復請求的同一頁面。

將表單指向正確的URL。

來源

2016-05-30 01:23:12 ZzZombo

選擇無線電輸入時，無法使用JavaScript功能提交表單

回答

相關問題