很多時候我們希望能夠達到的一個效果就是select 選擇一個option的時候误证，能夠及時刷新出來數(shù)據(jù)蚂子。思路如下:
獲取當前的url連接，然后再拼接出新的連接抖坪，再及時刷新整個界面枣申，這里面有一個不好的地方就是只能刷新整個界面本辐，不能夠局部刷新破讨。
代碼如下:
<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">審核不通過</option>
<option value="3">已經(jīng)過期</option>
<option value="4">已刪除</option>
</select>
以下是對onchange事件的處理
function statusChange(value) {
//判斷是否第一次進入砂蔽？
if (location.href.indexOf('?') == -1) {
window.location.href = location.href + "?status=" + value;
} else {
var prefix = location.href.split('=')[0];//拼接當前的地址
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è)置當前值為value
select.val(value);
} else {
select.val(-1);
}
});
