Skip to content

javascriptで選択肢に応じて入力項目を変える方法

 javascriptで選択肢に応じて入力項目を変える方法です。

 例えば、「A」を選んだ時は「回答1」を入力項目とし、「B」を選んだ時は「回答2」を入力項目とするようなやり方です。複数のHTMLを用意したり注意書きを増やしたりする必要がないのでユーザーにやさしいです。

最初はこちらのやり方を参考にしようとしたのですが、
http://www.tagindex.com/kakolog/q4bbs/601/811.html
この方法だとgetElementsByTagNameを使っているので、divタグを複数使っている時に使えないです。

divタグを複数使っていても使える方法を探してみたら、ありました。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1314386308?fr=rcmd_chie_detail
http://www.nishishi.com/javascript/2007/radio-text-display.html
この方法だとgetElementByIdを使っているのでdivタグを複数使っていてもOKです。

トラックバック

トラックバックがありません

コメント

コメント表示形式 一覧 | スレッド

コメントがありません

コメントの追加

アスタリスクで囲んだマークテキストはボールド (*強調文字*)になり、下線は _下線_ になります。
標準的な感情表現、 :-) や ;-) といったものは画像に変換します。

ロボットからの自動的なコメントスパムを防ぐために、画像の下の入力ボックスに適切な文字列を入力してください。文字列が一致する場合のみ、コメントが送信されるでしょう。ブラウザーが Cookie をサポートし、受け入れることを確認してください。さもなければ、コメントを正確に確認することができません。
CAPTCHA

Form options