怎麼在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>










發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章