Javascript根据选择选项提交表格

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

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

来源

2014-02-11 changzhi

使用网址window.location = url; –

尝试另一种方式document.getElementById（'formId'）。submit（）; –

我认为它会帮助你：$（“＃speed_form”）。attr（“action”，url）.submit（）; –

您可以提交表单：

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

来源

2014-02-11 10:51:33 iSchluff

你只需要提交表单，您可以设置action财产（.attr()可能也工作后，立即做，但它实际上是你应该设置的财产）：

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

来源

2014-02-11 10:54:29

你可以提交表格$("#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/

来源

2014-02-11 10:58:40

它也将帮助你在单行：

更换

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

到

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

来源

2014-02-11 11:03:12

你只是想用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

来源

2014-02-11 11:04:39

Javascript根据选择选项提交表格

回答

相关问题