选择无线电输入时，无法使用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功能提交表单

回答

相关问题