HTML之select选择时就发生页面跳转并且携带参数传给后台搞出来了

HTML之select选择时就发生页面跳转并且携带参数传给后台搞出来了接下来给大家可以直接复制的代码html请复制<selectid="adviceStatus"name="ad

欢迎大家来到IT世界,在知识的湖畔探索吧!

有些时候我们开发一个项目的时候,需要前端select option标签选择的时候携带这个参数给后台做处理,那么应该具体怎么实现呢?其实很简单,

直接看代码吧

HTML部分

HTML之select选择时就发生页面跳转并且携带参数传给后台搞出来了

js部分

HTML之select选择时就发生页面跳转并且携带参数传给后台搞出来了

大家直接复制粘贴就可以使用了 ,接下来给大家可以直接复制的代码

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

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信