Javascript根据选择选项提交表单 [英] Javascript submit a form according to select option

问题描述

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

I plan to submit a form according to the option. But there is a javascript problem. I want to submit the form but I don't know the following code how to program. And the submit url is /dashboard/speed?speed=xxx Could someone help me ? Thanks a lot !

<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>

推荐答案

你只是想用select来模拟提交按钮，不需要模仿所有的本地表单功能。因此，我的方法如下：

You just want to mimic the submit button with a select, there's no need to mimic all the native form functionality. So here's my approach:

<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>

小提琴

这篇关于Javascript根据选择选项提交表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！