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です。