コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

jqueryで都道府県・市区町村選択ドロップダウンボックスの置き換えを実現（サンプルコード）_jquery

WBOY
リリース： 2016-05-16 16:58:47
オリジナル
966 人が閲覧しました

州と都市に対応する実装:

都市の内容を決定するためのより選択的な州

jsp コード:

コードをコピー コードは次のとおりです:


省
県、都市< ;select id="sel2">




js コード:
コードをコピー コードは次のとおりです:

function appendShi(shi) {//文字列の結合、市街地の結合
var fjs='';
for(var i=0;i {
fjs = '';
}
return fjs;
}
$(function() {
var Prince = [ '福建','北京','山東','上海'];
var fjs = ['アモイ','泉州','福州'];
var bjs = ['北京',' 朝陽区','海淀区','平谷区'];
var shs = ['黄浦区','長寧区','宝山区','嘉定区'];
var sds = [ '済南','青島','煙台','日照','莱蕪','sss'];

$("select[name='prin']").change(function() {
var shi = $("#sel2");// 2 番目の select を取得します
var prin = $("select[name='prin'][select option:selected]");// を取得します選択した ID の値
var newShiSel = $('');//
if (prin.val() == '福建省'){
newShiSel.append(appendShi(fjs));
}
if (prin.val() == '北京') {
newShiSel.append(appendShi(bjs));
}
if (prin.val() == '上海') {
newShiSel.append(appendShi(shs)); }
if (prin.val() == '山東') {
newShiSel.append(appendShi(sds));
}
shi.replaceWith(newShiSel);
} ) ;
});
関連ラベル：
jquery 交換する
ソース：php.cn
前の記事：テキストボックスのウォーターマークプロンプトの簡単な実装コードeffect_jquery 次の記事：Javascriptでの引用例入門_基礎知識
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
jqueryを使用してHTMLデータテーブルの選択されていない行の値を取得する方法 ボタンがクリックされなかったすべての行の値を取得しようとしています。たとえば、最初の行のボタンをクリックしたときに、クリックされなかった行の値を取得したいとします。 vartabl...
から 2024-04-05 09:26:49
0
1
1418
エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfidd...
から 2024-04-04 18:40:04
0
1
3528
ブックマークを介して純粋な CSS で要素を作成しました。作成されたが表示されない 私のコードは次のとおりです: g=document.createElement('div');g.setAttribute("id","divcont...
から 2024-04-04 17:27:27
0
1
417
Safari/Firefox iOS でフォ​​ームデータを送信できない これは、iOS 上の Safari/Firefox を除くすべてのプラットフォームで動作します: jQuery("#gform_1").one('submit'...
から 2024-04-04 12:53:48
0
1
303
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート