DIV CSS 佈局教程網

本文為大家詳細介紹下如何通過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;
});
});