現在の選択された element_form 効果の値を取得するための js コード-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

現在の選択された element_form 効果の値を取得するための js コード

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:29 PM

javascript select

1. select 要素の下にあるすべての option 要素が selected 属性を指定していない場合、最初の要素がデフォルトで選択されます。
2. select.selectedIndex を通じて、選択されたオプション要素のインデックスを取得できます。
3. 選択されたオプション要素は、select.options[select.selectedIndex] を通じて取得できます。
4. option 要素、option 要素の value 属性値は、value3 で取得できます。 option.text を通じて取得されます。option 要素内のテキスト、つまり text3。
5. option 要素で value 属性が定義されていない場合、IE では option.value を取得できませんが、Safari、Opera、FireFox では option.value を通じて取得でき、値は option と同じです。文章。
6. option.attributes.value && option.attributes.value.specified を使用して、option 要素が value 属性を定義するかどうかを判断できます。

したがって、現在の選択要素の値を取得するスクリプトは次のとおりです。

コードをコピーコード

 
var getSelectValue = function(select) { 
var idx = select.selectedIndex, 
option, 
if (idx > - 1) { 
option = select.options[idx]; 
value = option.attributes.value; 
return (value && value.specified) ? 
 
return null; 
} 

以前は、互換性の問題のため、値を取得するために select.options[select.sekectedIndex].value を使用していましたが、今ではselect.value

を使用します
[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

イベントトリガーも使用できます