很多時(shí)候我們希望能夠達(dá)到的一個(gè)效果就是select 選擇一個(gè)option的時(shí)候，能夠及時(shí)刷新出來(lái)數(shù)據(jù)。思路如下:

獲取當(dāng)前的url連接，然后再拼接出新的連接，再及時(shí)刷新整個(gè)界面，這里面有一個(gè)不好的地方就是只能刷新整個(gè)界面，不能夠局部刷新。

代碼如下:

<select id="adviceStatus" name="adviceStatus"
style="width: 128px; margin: 5px" class="input-small Disable"
onchange="statusChange(this.value)">
<option value="-1">所有</option>
<option value="0">待審核</option>
<option value="1">已審核</option>
<option value="2">審核不通過(guò)</option>
<option value="3">已經(jīng)過(guò)期</option>
<option value="4">已刪除</option>
</select>

以下是對(duì)onchange事件的處理

function statusChange(value) {
//判斷是否第一次進(jìn)入？
if (location.href.indexOf('?') == -1) {
window.location.href = location.href + "?status=" + value;
} else {
var prefix = location.href.split('=')[0];//拼接當(dāng)前的地址
if (value == -1) {
window.location.href = prefix;
} else {
window.location.href = prefix + "=" + value;
}
}
}
$(document).ready(function() {
/* alert("加載完成"); */
var value = location.href.split('=')[1];
var select = $("#adviceStatus");
if (value != '') {
//設(shè)置當(dāng)前值為value
select.val(value);
} else {
select.val(-1);
}
});