HTMLフォーム要素(RADIO BUTTONとCHECK BOX)から値を取得する方法を教えていただけますか?JavaScriptからHTMLフォーム要素にアクセスする
たとえば、テキストボックスの場合、getElementById(id).valueで直接値を取得できます。
しかし、コンボボックス(ドロップダウンメニュー)、ラジオボタン、チェックボックスの値を取得する方法はありますか?
ありがとうございました。
HTMLフォーム要素(RADIO BUTTONとCHECK BOX)から値を取得する方法を教えていただけますか?JavaScriptからHTMLフォーム要素にアクセスする
たとえば、テキストボックスの場合、getElementById(id).valueで直接値を取得できます。
しかし、コンボボックス(ドロップダウンメニュー)、ラジオボタン、チェックボックスの値を取得する方法はありますか?
ありがとうございました。
ドロップダウン(<select>
):
var el = document.getElementById('yourSelectId');
var value = el.options[el.selectedIndex].value;
あなたは複数選択(コンボボックス)のリストとしてあなたの選択リストを処理している場合は、オプションをループするために持っており、それらが選択されているかどうかを確認:
var el = document.getElementByid('yourSelectId');
var selectedValues = [];
for (var i = 0; i < el.options.length; i++) {
if (el.options[i].selected) {
selectedValues.push(el.options[i].value);
}
}
// all selected values are now in the selectedValues array.
ラジオボタンやチェックボックスもvalue
性質を持っている必要がありますが、より適切に、私は彼らだけがチェックされているかどうかをテストするだろうと思う:
、要素は.checked
性質を持っています
document.getElementById('foo').checked; // true or false
サイドノート:ほとんど誰ももうそれをこのようにしません、代わりにほとんどの人はなどのjQuery、MooToolsは、のようなフレームワークを使用して、我々はできるように、 val() 'または' $( '#yourSelectId option:selected').val() '(jqueryの例)を実行してください。 – gregmac
あなたはちょっとグーグルをすることができ、1000sの例が見つかります。少し努力してください。 –