jquery城市,jquery城市獲取天氣

插件jquery.cityselect.js省市聯(lián)動效果怎么使用

HTML

十年的惠安網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調(diào)整惠安建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“惠安網(wǎng)站設計”,“惠安網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

首先在head中載入jquery庫和cityselect插件。

script type="text/javascript" src="js/jquery.js"/script

script type="text/javascript" src="js/jquery.cityselect.js"/script

接下來，我們在#city中，放置三個select，并且三個select分別設置class屬性為：prov、city、dist，分別表示省、市、區(qū)（縣）三個下拉框。注意如果只想實現(xiàn)省市二級聯(lián)動，則去掉第三個dist的select即可。

div id="city"

select class="prov"/select

select class="city" disabled="disabled"/select

select class="dist" disabled="disabled"/select

/div

jQuery

調(diào)用cityselect插件非常簡單，直接調(diào)用：

$("#city").citySelect();

自定義參數(shù)調(diào)用，設置默認省市區(qū)。自定義參數(shù)調(diào)用，設置默認省市區(qū)。

$("#city").citySelect({

url:"js/city.min.js",

prov:"湖南", //省份

city:"長沙", //城市

dist:"岳麓區(qū)", //區(qū)縣

nodata:"none" //當子集無數(shù)據(jù)時，隱藏select

});

當然，你還可以擴展，自定義下拉列表選項數(shù)據(jù)，你可以根據(jù)需要設置下拉內(nèi)容，注意數(shù)據(jù)格式一定要為JSON格式。

$("#city").citySelect({

url:{"citylist":[

{"p":"前端技術","c":[{"n":"HTML"},{"n":"CSS","a":[{"s":"CSS2.0"},{"s":"CSS3.0"}]},

{"n":"JAVASCIPT"}]},

{"p":"編程語言","c":[{"n":"C"},{"n":"C++"},{"n":"PHP"},{"n":"JAVA"}]},

{"p":"數(shù)據(jù)庫","c":[{"n":"Mysql"},{"n":"SqlServer"},{"n":"Oracle"}]},

]},

prov:"",

city:"",

dist:"",

nodata:"none"

});

你還可以利用PHP等后臺語言將數(shù)據(jù)庫中的數(shù)據(jù)轉(zhuǎn)換成JSON格式，然后使用url參數(shù)指向后臺地址也能實現(xiàn)無刷新聯(lián)動效果。

$("#city").citySelect({

url:"data.php"

});

jquery怎樣獲取select控件選中的option中value值，不是text

demo：

select?name="cityCode"?id="cityCode"?class="span2"

option?value="beijing"北京/option

option?value="sanya"?selected="selected"三亞/option

option?value="shanghai"上海/option

/select

jquery獲取方法選中的城市三亞:

$('#cityCode').find("option:selected").val()

首先$('#cityCode')根據(jù)id找到對應的select元素,然后通過jquery的find方法找到被選中的option元素，然后val()直接獲取option的value。

或者

$("#cityCode?option:selected").val();

下面的寫法更簡潔、條件拼接，實際與上面的是一致。

jquery寫三級聯(lián)動,怎么把那個市屬于的哪個省分開呢

需要核心文件jquery.cityselect.js，通過ajax訪問獲取省地市數(shù)據(jù)文件

[javascript]?view plain?copy

/*

Ajax?三級省市聯(lián)動

日期：2012-7-18

settings?參數(shù)說明

-----

url:省市數(shù)據(jù)josn文件路徑

prov:默認省份

city:默認城市

dist:默認地區(qū)（縣）

nodata:無數(shù)據(jù)狀態(tài)

required:必選項

------------------------------?*/

(function($)?{

$.fn.citySelect?=?function(settings)?{

if?(this.length??1)?{

return;

}

;

//?默認值

settings?=?$.extend({

url:?"city.min.js",

prov:?null,

city:?null,

dist:?null,

nodata:?null,

required:?true

},?settings);

var?box_obj?=?this;

var?prov_obj?=?box_obj.find(".prov");

var?city_obj?=?box_obj.find(".city");

var?dist_obj?=?box_obj.find(".dist");

var?prov_val?=?settings.prov;

var?city_val?=?settings.city;

var?dist_val?=?settings.dist;

var?select_prehtml?=?(settings.required)???""?:?"option?value=''請選擇/option";

var?city_json;

//?賦值市級函數(shù)

var?cityStart?=?function()?{

var?prov_id?=?prov_obj.get(0).selectedIndex;

if?(!settings.required)?{

prov_id--;

}

;

city_obj.empty().attr("disabled",?true);

dist_obj.empty().attr("disabled",?true);

if?(prov_id??0?||?typeof?(city_json.citylist[prov_id].c)?==?"undefined")?{

if?(settings.nodata?==?"none")?{

city_obj.css("display",?"none");

dist_obj.css("display",?"none");

}?else?if?(settings.nodata?==?"hidden")?{

city_obj.css("visibility",?"hidden");

dist_obj.css("visibility",?"hidden");

}

;

return;

}

;

//?遍歷賦值市級下拉列表

temp_html?=?select_prehtml;

$.each(city_json.citylist[prov_id].c,?function(i,?city)?{

temp_html?+=?"option?value='"?+?city.n?+?"'"?+?city.n?+?"/option";

});

city_obj.html(temp_html).attr("disabled",?false).css({"display":?"",?"visibility":?""});

distStart();

};

//?賦值地區(qū)（縣）函數(shù)

var?distStart?=?function()?{

var?prov_id?=?prov_obj.get(0).selectedIndex;

var?city_id?=?city_obj.get(0).selectedIndex;

if?(!settings.required)?{

prov_id--;

city_id--;

}

;

dist_obj.empty().attr("disabled",?true);

if?(prov_id??0?||?city_id??0?||?typeof?(city_json.citylist[prov_id].c[city_id].a)?==?"undefined")?{

if?(settings.nodata?==?"none")?{

dist_obj.css("display",?"none");

}?else?if?(settings.nodata?==?"hidden")?{

dist_obj.css("visibility",?"hidden");

}

;

return;

}

;

//?遍歷賦值市級下拉列表

temp_html?=?select_prehtml;

$.each(city_json.citylist[prov_id].c[city_id].a,?function(i,?dist)?{

temp_html?+=?"option?value='"?+?dist.s?+?"'"?+?dist.s?+?"/option";

});

dist_obj.html(temp_html).attr("disabled",?false).css({"display":?"",?"visibility":?""});

};

var?init?=?function()?{

//?遍歷賦值省份下拉列表

temp_html?=?select_prehtml;

$.each(city_json.citylist,?function(i,?prov)?{

temp_html?+=?"option?value='"?+?prov.p?+?"'"?+?prov.p?+?"/option";

});

prov_obj.html(temp_html);

//?若有傳入省份與市級的值，則選中。（setTimeout為兼容IE6而設置）

setTimeout(function()?{

if?(settings.prov?!=?null)?{

prov_obj.val(settings.prov);

cityStart();

setTimeout(function()?{

if?(settings.city?!=?null)?{

city_obj.val(settings.city);

distStart();

setTimeout(function()?{

if?(settings.dist?!=?null)?{

dist_obj.val(settings.dist);

}

;

},?1);

}

;

},?1);

}

;

},?1);

//?選擇省份時發(fā)生事件

prov_obj.bind("change",?function()?{

cityStart();

});

//?選擇市級時發(fā)生事件

city_obj.bind("change",?function()?{

distStart();

});

};

//?設置省市json數(shù)據(jù)

if?(typeof?(settings.url)?==?"string")?{

$.getJSON(settings.url,?function(json)?{

city_json?=?json;

init();

});

}?else?{

city_json?=?settings.url;

init();

}

;

};

})(jQuery);

jquery城市三級聯(lián)動怎么將獲取的地區(qū)編號轉(zhuǎn)為地區(qū)名稱

每次點擊時切換要調(diào)用的函數(shù)。如果點擊了一個匹配的元素，則觸發(fā)指定的第一個函數(shù)，當再次點擊同一元素時，則觸發(fā)指定的第二個函數(shù)。

隨后的每次點擊都重復對這兩個函數(shù)的輪番調(diào)用。

jquery ajax如何查詢城市實現(xiàn)天氣預報 用C#實現(xiàn)

首先搜索免費webservice接口，找到天氣預報，然后在項目里添加服務引用。

在地址一欄添你網(wǎng)上搜到的XXXX.asmx，點轉(zhuǎn)到下面會多個服務，以后點確定。

然后在新窗口new一個類，就可以調(diào)用方法了。

分享名稱：jquery城市,jquery城市獲取天氣
分享網(wǎng)址：http://muchs.cn/article22/phipjc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、網(wǎng)站內(nèi)鏈、建站公司、品牌網(wǎng)站建設、云服務器、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)