选择单选输入时无法提交具有 JavaScript 功能的表单

Question

我写这个 html 代码时混合了 mojolicius 代码。我的想法是在我 select 样式化为 Bootstrap 按钮的无线电输入时提交表单。

如果我输入提交类型，我会 select 按 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 功能的表单

Can't submit a form with JavaScript function when selecting radio input

html

javascript

forms

mojolicious

twitter-bootstrap