怎么在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 οnchange="submitForm();">
        			<option value="">beijing</option>
        			<option value="">shanghai</option>
    		</select>
</form>

function submitForm(){
//获取form表单对象
    var form = document.getElementById("myform");
    form.submit();//form表单提交
}
</script>