Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript根据选择选项提交表单_Javascript_Jquery_Html - Fatal编程技术网

Javascript根据选择选项提交表单

Javascript根据选择选项提交表单,javascript,jquery,html,Javascript,Jquery,Html,我计划根据选项提交表格。但是有一个javascript问题。我想提交表单,但我不知道下面的代码如何编程。提交url是/dashboard/speed?speed=xxx有人能帮我吗?非常感谢 <script type="text/javascript"> $("select[name=population_speed] option").click(function(){ var rate = $(this).attr('value'); var

我计划根据选项提交表格。但是有一个javascript问题。我想提交表单,但我不知道下面的代码如何编程。提交url是/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>

您可以通过以下方式提交表格:

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

您只需要提交表单,在设置action属性后可以立即提交表单。attr可能也可以工作,但实际上它是您应该设置的属性:

$("#speed_form").prop("action", url).submit();
您可以使用$speed_form.submit提交表单;喜欢


您可以在此处看到工作演示:

它还可以在单行中帮助您:

替换

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


您只需要使用select来模拟submit按钮,无需模拟所有本机表单功能。因此,我的方法如下:

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

使用window.location=url;尝试另一种方法document.getElementById'formId'。提交;我想它会帮助你:$speed\u form.attraction,url.submit;
$("#speed_form").attr("action", url).submit();
<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>