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);
}
});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容