本文为大家详细介绍下如何通过JavaScript实现QueryString获取GET参数,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
复制代码 代码如下:
<div id="page">
<select name="select1" id="select-type">
<option value="0">请选择</option>
<option value="1">企业</option>
<option value="2">产品</option>
</select>
</div>
复制代码 代码如下:
QueryString = {
data: {},
Initial: function () {
var aPairs, aTmp;
var queryString = new String(window.location.search);
queryString = queryString.substr(1, queryString.length); //remove "?"
aPairs = queryString.split("&");
for (var i = 0; i < aPairs.length; i++) {
aTmp = aPairs[i].split("=");
this.data[aTmp[0]] = aTmp[1];
}
},
GetValue: function (key) {
return this.data[key];
}
}
$(function () {
//初始化
QueryString.Initial();
var type = QueryString.GetValue("type");
if (typeof (type) != "undefined") {
$("#select-type").val(type);
}
$("#select-type").bind("change", function () {
var row = $(this).find("option:selected").val();
//alert(row);
if (row == 1)
location.href = "?type=" + row;
if (row == 2)
location.href = "?type=" + row;
});
});