- ベストアンサー
ラジオボタンと連動して文字列を挿入するjavascript（radioのvalue値を元に、特定の文字列を挿入です）
お世話になります。質問がわかりにくければすみません。 以下3つのラジオボタンがあり、value値と連動してテキストボックス（またはhidden）のvalueに特定の文字列を挿入させる方法を教えて下さい。 (例えば東京⇒関東、大阪⇒近畿、福岡⇒九州など…） <input type="radio" name="name1" value="1">東京<br> <input type="radio" name="name1" value="2">大阪<br> <input type="radio" name="name1" value="3">福岡<br> <input type="text" name="name2" value=""> <input type="hidden" name="name3" value=""> 宜しくお願いします。 また、参考になるようなサイトなどご教授頂ければ幸いです。 宜しくお願いします。
- nekusasu22
- お礼率33% (1/3)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ANo.1さんを書き直しただけになってしまいましたが、 -------------------------------------------------------------------- <html> <head> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>radio</title> <script type="text/javascript"> <!-- var city=['東京','大阪','福岡']; function setVal(index) { document.frm.name2.value=city[index-1]; document.frm.name3.value=city[index-1]; alert("hidden: "+document.frm.name3.value) } //--></script> </head> <body> <form name="frm"> <input type="radio" name="name1" value="1" onClick="setVal(this.value);" /> 東京 <br /> <input type="radio" name="name1" value="2" onClick="setVal(this.value);" /> 大阪 <br /> <input type="radio" name="name1" value="3" onClick="setVal(this.value);" /> 福岡 <hr /> <br /> <input type="text" name="name2" value="" /> <input type="hidden" name="name3" value="" /> </form> </body> </html>
その他の回答 (1)
- agricap
- ベストアンサー率40% (79/195)
こんな感じでどうでしょうか？ <input type="radio" name="name1" value="1" onClick="name2.value='東京'">東京<br> <input type="radio" name="name1" value="2" onClick="name2.value='大阪'">大阪<br> <input type="radio" name="name1" value="3" onClick="name2.value='福岡'">福岡<br>
お礼
お礼が遅くなり失礼致しました。 非常にシンプルにできるのですね…。 ありがとうございました。