欢迎大家来到IT世界,在知识的湖畔探索吧!
有些时候我们开发一个项目的时候,需要前端select option标签选择的时候携带这个参数给后台做处理,那么应该具体怎么实现呢?其实很简单,
直接看代码吧
HTML部分
js部分
大家直接复制粘贴就可以使用了 ,接下来给大家可以直接复制的代码
html请复制
<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>
js请复制
<script type=”text/javascript”>
function statusChange(value) {
//判断是否第一次进入?
if (location.href.indexOf(‘?’) == -1) {
window.location.href = “{:url(‘index/shangke’)}”+”?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);
}
});
</script>
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/33119.html