この記事では、JSコードを介してSELECTを呼び出すHTMLのさまざまな使用法の要約を紹介します
以下は、JSコードを介してSelectを呼び出すHTMLのさまざまな使用法によって要約された関連コンテンツです。この記事のチュートリアルでは、主に選択に関連するいくつかのテクノロジーと知識について説明しています。その他のコンテンツについては、http：//www.vevb.comにアクセスして、より最新のチュートリアルを入手できます。以下はチュートリアルの説明です。
この記事では、JSコードを介してSELECTを呼び出すHTMLのさまざまな使用法の要約を紹介します
1）selectの非表示と表示：
$（selectlist）.style.display = $（selectlist）.style.display == block？none：block;
2）SELECTが利用可能かどうか：
<select disabled = value> document.getElementById（levelDroplist）.disabled = value;利用できませんdocument.getElementById（levelDroplist）.disabled = value;利用可能
<html> <head> <スクリプト言語= javascript> <！ - /// oselectリストfunction onload（）{var ooption = document.createelment.text = ferrari; ooption.value = 4; ooption）; function fnchange（）{odata.value + = ocars.options [ocars.selectedindex] .text +;} // - > < /script> < /head> <body onload = onload（）> <！ - selectを追加 - > <！ - 選択した要素を使用してドロップダウンリストボックスを作成するために選択要素を使用します。 value = 3 selected> siamese < /select> <p> <！ - 2選択要素は、サイズと複数のタグプロパティを設定することにより、マルチセレクトリストボックスを作成します。複数の選択リストボックスの選択されたオプションを取得するには、オプションコレクションをトラバースし、選択されたものがtrueに設定されているかどうかを確認する必要があります。 - > <選択id = oselect name = cars size = 3倍数> <！ - 3と複数がここに設定されています - > <option値= 1 selected> bmw <option value = 2> porsche <option value = 3 selected> mercedes < /select> <p> <値= 1> bmw <オプション値= 2> porsche <option value = 3 selected> benchan </select> <p> <textarea id = odata> </textarea> </body> </html>添付ファイル：いくつかの選択のヒント
1. [select]を動的に作成します
function createSelect（）{var mySelect = document.createElement（select）; mySelect.id = mySelect; document.body.AppendChild（mySelect）;}2.オプションオプションを追加します
function adtoption（）{// id、var obj = document.getelementbyid（ 'myselect'）; //オプションの追加obj.add（new option（text、value））;}の追加によるオブジェクトの検索{3.すべてのオプションを削除します
function removeall（）{var obj = document.getElementById（ 'mySelect'）; obj.options.length = 0;}4.オプションオプションを削除します
function removeOne（）{var obj = document.getElementById（ 'mySelect'）; // index、オプションのシーケンス番号を削除するには、現在選択されているオプションvar index = obj.selectedindex; obj.options.remove（index）;}のシーケンス番号を示します。5.オプションの値を取得します
var obj = document.getElementById（ 'mySelect'）; var index = obj.SelectedIndex; //シリアル番号、現在選択されているオプション番号を使用してくださいvar val = obj.options [index] .value;
6.オプションオプションのテキストを取得します
var obj = document.getElementById（ 'mySelect'）; var index = obj.SelectedIndex; //シリアル番号、現在選択されているオプション番号VAR val = obj.options [index] .text;
7.オプションオプションを変更します
var obj = document.getElementById（ 'mySelect'）; var index = obj.SelectedIndex; //シリアル番号、現在選択されているオプションvar val = obj.options [index] = new option（new Text、new Value）を取得します。
8。削除選択を削除します
function removeSelect（）{var mySelect = document.getElementById（mySelect）; mySelect.parentnode.RemoveChild（mySelect）;}9. [入力]に[Optin]を選択します
function remaselect（）{//従業員を参加者のドロップダウンリストに動的に追加します（var i = 0; i <json.length; i ++）{var newoption = new option（json [i] .empname、json [i] .empid、i）; //従業員情報をドロップダウンに追加します。営業担当者は空ではありません（empbydealempid！= empbydealempid！= 0）{//従業員IDはドロップダウンリストの値に等しく、ドロップダウンリストは（empbydealempid == objdeal.options [i] .value）{// juded drop-down options [i] objdeal.options [i] frue;終わり。チュートリアルはここで終了しました。読書から何かを手に入れましたか？このサイトは、選択に関連するコンテンツも提供しています。