select选择及时刷新技术实现

很多时候我们希望能够达到的一个效果就是select 选择一个option的时候，能够及时刷新出来数据。思路如下:

获取当前的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">已经过期</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 != '') {
//设置当前值为value
select.val(value);
} else {
select.val(-1);
}
});