怎么在select选中后自动提交

本人想实现的效果是:


点击选择状态之后,会自动刷新显示满足条件的结果

本人使用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>










猜你喜欢

转载自blog.csdn.net/snow_love_xia/article/details/80097006