我计划根据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>
您可以通过以下方式提交表单:
$("#speed_form").submit();
您只需要提交表单,您可以在设置 action
属性后立即执行此操作(.attr()
可能也可以,但它实际上是您应该设置的属性):
$("#speed_form").prop("action", url).submit();
您可以提交带有$("#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/
它也会在单行中帮助您:
取代
$("#speed_form").attr("action", url);
自
$("#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>
小提琴