本人想实现的效果是:
点击选择状态之后,会自动刷新显示满足条件的结果
本人使用js实现的:
<div class="am-u-lg-3"> <div class="am-form-group tpl-table-list-select"> <select data-am-selected="{btnSize: 'sm'}" name="status" id="status"> <option value="-1" @if(Input::get('status',-1) === '-1')selected@endif> 全部 </option> <option value="1" @if(Input::get('status',-1) == 1)selected@endif> 已兑换 </option> <option value="0" @if(Input::get('status',-1) == 0)selected@endif> 未兑换 </option> <option value="2" @if(Input::get('status',-1) == 2)selected@endif> 过期 </option> </select> </div> </div>
<script> // 首先是关键词 var kw = "{{$sKeyword}}"; var project_id = "{{$projectId}}"; $('#status').change(function () { window.location = '/admcdkeyproject/'+project_id+'/admcdkey?'+'kw='+kw+'&status='+$(this).val() }) </script>
其他方法:使用表单
1、在html中定义一个form
2、在form中定义一个select下拉框
3、给下拉框绑定一个onchange事件
4、定义一个js函数处理onchange事件
5、在js函数中获取表单对象,利用form.submit()方法提交表单
示例:
<form id="myform" action="#" method='post'>
<select onchange="submitForm();">
<option value="">beijing</option>
<option value="">shanghai</option>
</select>
</form>
function submitForm(){
//获取form表单对象
var form = document.getElementById("myform");
form.submit();//form表单提交
}
</script>