Question

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

如果我输入提交类型，我选择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>

JavaScript函数：

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

由于

Answer 1

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

将表单指向正确的URL。

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

1 个答案: