Question

我打算根据option提交表单。但是有一个javascript问题。我想提交表单，但我不知道以下代码如何编程。提交网址为/dashboard/speed?speed=xxx有人可以帮我吗？非常感谢！

<script type="text/javascript">
    $("select[name=population_speed] option").click(function(){
       var rate = $(this).attr('value');
       var url = "/dashboard/speed?speed=" + rate + "&id=123456";
    $("#speed_form").attr("action", url);
    /*
      What should I do next ??
    */
});
</script>

<div class="btn-group">
<form id="speed_form" class="form-inline pull-right">
<select name="population_speed">
  <option value="1">1 Rate</option>
  <option value="2">2 Rate</option>
  <option value="3">3 Rate</option>
</select>
</form>
</div>

Answer 1

您可以提交表格：

  $("#speed_form").submit();

Answer 2

您只需要提交表单，您可以在设置action属性后立即执行该表单（.attr() 可能也可以，但它实际上是您应该使用的属性设定）：

$("#speed_form").prop("action", url).submit();

Answer 3

您可以提交$("#speed_form").submit();之类的表单;

<script type="text/javascript">
    $("select[name=population_speed] option").click(function(){
       var rate = $(this).attr('value');
       var url = "/dashboard/speed?speed=" + rate + "&id=123456";
    $("#speed_form").attr("action", url);
    $("#speed_form").submit();

});
</script>

<div class="btn-group">
<form id="speed_form" class="form-inline pull-right">
<select name="population_speed">
  <option value="1">1 Rate</option>
  <option value="2">2 Rate</option>
  <option value="3">3 Rate</option>
</select>
</form>
</div>

您可以在此处查看工作演示： http://jsfiddle.net/4YmyL/

Answer 4

它也可以帮助你单行：

替换

$("#speed_form").attr("action", url);

到

$("#speed_form").attr("action", url).submit();

Answer 5

您只想使用select模仿提交按钮，不需要模仿所有本机表单功能。所以这是我的方法：

<script type="text/javascript">
    $("select[name=speed]").change(function(){
        if($(this).val()!=""){
            $("#speed_form").submit();
        }
    });
</script>
<div class="btn-group">
<form id="speed_form" class="form-inline pull-right" action="/dashboard/speed" method="get">
<select name="speed">
  <option value="">Select your speed</option>
  <option value="1">1 Rate</option>
  <option value="2">2 Rate</option>
  <option value="3">3 Rate</option>
</select>
<input type="hidden" name="id" value="123456" />
</form>
</div>

Fiddle

Javascript根据选项提交表单

5 个答案: