小さな州および市の関連メニューは、探索するのに多くの時間がかかりました。その理由は、JQueryに熟練していないからです。コンポーネントを完成させるために一生懸命働いたので、当然、それを使用する必要がある人のためにそれを共有したいと考えています。
これは単なる基本バージョンであり、後で最適化する必要があります。
コード:州および市の関連メニューのダウンロードアドレス
説明:
SQLステートメントについてはもう話しません。2つのファイル「City.sql」と「Provincial.sql」が含まれています。
1.最初にデータを取得することについて話しましょう
public void initprocity(){logger.info( "get the region"); List <Provincials> Provinces = unces.me.getProvincials(); for(Provincials Provincial:Provinces){list <citys> Cities = Citys.me.getCitysbyprovincialid(guntial.getlong( "id")); Provincial.put( "Citys"、jsonkit.tojson(都市)); } setattr( "州"、州); render( "pocity.jsp");}1)。最初にすべての州メニューを入手してください。
2)。州のIDに従って、対応する自治体メニューを取得します。
3)。市のメニューを取得する場合、リストはJSONデータに変換され、Jackjsonがここで使用されていることに注意してください。
2。ページレイアウトについて話します
<selece name = "provence_code" id = "provence_select"> <c:foreach items = "$ {provincials}" var = "item"> <option value = "$ {item.procode}" cdata = '$ {item.citys}'> $ {item.proname} id = "city_select"> </select>1)。 2つの選択が使用され、スタイルはまだ追加されていません
2)。最初に州メニューを初期化するためにEachを使用し、同時にその都市データをCDATA属性に結合します。
3. JS実装について教えてください
$(function(){provincialChange(); var $ provincial = $( "#provence_select"); $ provincial.change(provincialchange);}); function provincialchange(){var $ guntial = $( "#verince_select"); //州レベルで表示されるコード値var provincial_code = $ provincial.val(); var $ selectedOption = $( '#upunce_select option [value =' + provincial_code + ']'); var city_data = yunm.jsoneval($ selectedoption.attr( "cdata")); //市営メニューリスト$ city_select = $( "#city_select"); $ city_select.empty(); for(var i = 0; i <city_data.length; i ++){var code = city_data [i] .code; var cname = city_data [i] .cname; $ city_select.append( "<option value = '"+code+"'>"+cname+"</option>"); }}1)。ページの初期化の読み込みと州のメニューの切り替えの場合、地方自治体のメニューをロードする必要があります
2)。最初に地方メニューを取得し、現在の値を取得してから、値に応じてオプションを取得します
3)。オプションから都市データを取得し、評価を使用してデータを変換することに注意してください。特定の理由は、主に()を追加することです。
4.)市営メニューと出力表示をループします
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はすべてこの記事に関するものであり、誰もがブートストラッププログラミングを学ぶことが役立つことを願っています。