コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript カスケード ドロップダウン リストのサンプル コード (自作)_JavaScript スキル

JavaScript カスケード ドロップダウン リストのサンプル コード (自作)_JavaScript スキル

WBOY
リリース： 2016-05-16 17:34:12
オリジナル
1203 人が閲覧しました

HTML dom は、w3c 仕様が登場する前にさまざまなブラウザーでサポートされていたいくつかの dom 操作を指します。
1、オブジェクトを選択します。
属性
a、selectedIndex: ユーザーが選択したオプションの添え字、添え字は 0 から始まります
b、長さ: オプションの数を取得または設定します
c、オプション: 配列を返します、配列要素はオプション オブジェクト
2、オプション オブジェクト
属性:
a、テキスト: オプション
b のテキスト内容、値: オプション
c の値、選択されています: オプションが選択されている場合、値は true、それ以外の場合は false
ヒント: Option オブジェクトを作成する

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

var op=new Option(text,value);

私が作成したカスケード ドロップダウン リスト:
JavaScript カスケード ドロップダウン リストのサンプル コード (自作)_JavaScript スキル
コードは次のとおりです:
コードをコピーします コードは次のとおりです:



#d1 {
幅: 400px;
高さ: 250px;自動;
}
#d1_head {
色: 白;
フォントファミリー: "Arial"; -color: bule;
}
#d1_content {
padding-left: 30px;
padding-top: 30px;
スクリプト src="prototype-1.6.0.3.js"

d1_head">プロフェッショナルの選択



select name="s2" id="s2" style="width: 120px;">

本文>


関連ラベル：
ドロップダウンリスト カスケード
ソース：php.cn
前の記事：JavaScriptを利用してオブジェクトの等速・可変速動作を実現する方法_基礎知識 次の記事：js モーション フレームワーク_写真のフェードインおよびフェードアウト効果を含む_JavaScript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
3 レベル階層のカスタム分類を使用して woocommerce 関連製品を選択します 「スポーツ」というカスタム分類を持つ woocommerce ストアがあります。分類には、親、子、子という 3 つのレベルがあります。たとえば、屋内スポーツ > アリーナ ス...
から 2024-04-06 20:05:30
0
1
544
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
ツールチップを相対的な親に揃える この問題を解決するために 2 日間を費やしましたが、一人では解決できないことに気づきました。親を基準にしてツールチップを中央に配置しようとしています。これは私のコードです =>...
から 2024-04-06 13:16:59
0
2
394
固定配置された子によって親のパディングが無視される スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な...
から 2024-04-06 11:42:51
0
1
338
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート