选择无线电输入时，无法提交带有JavaScript功能的表单

I write this html code with mojolicius code mixed. The idea is to submit the form when I select a radio input that is stylized as a Bootstrap button.

我用mojolicius代码混合编写这个html代码。我的想法是在选择一个风格化为Bootstrap按钮的无线电输入时提交表单。

If I put a submit type input, I select the Bootstrap button and I submit it, it works perfectly. But when I use this function (submitForm(node)) to submit the form, it seems to submit it, but is doesn't do anything. The Firefox debugger doesn't throw any error.

如果我输入提交类型,我选择Bootstrap按钮并提交它,它完美地运行。但是当我使用这个函数(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>

The JavaScript Function:

JavaScript函数:

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

Thanks

1 个解决方案

#1

You lack an action attribute on the form, so it gets submitted to the current page, that's why it seems to submit, but does nothing, because it's likely you have configured your server to just reply with the same page to the request.

您在表单上缺少一个操作属性,因此它会被提交到当前页面,这就是为什么它似乎提交,但什么也没做,因为您可能已经将服务器配置为仅使用相同的页面回复请求。

Point the form to the right URL.

将表单指向正确的URL。

1 个解决方案

#1

更多相关文章

随机推荐