お世話になります。質問がわかりにくければすみません。
以下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="">
宜しくお願いします。
また、参考になるようなサイトなどご教授頂ければ幸いです。
宜しくお願いします。
No.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>
No.1
- 回答日時:
こんな感じでどうでしょうか?
<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンの選択で解答・点...
-
テキストボックスに入力された...
-
マクロ オブジェクト変数With...
-
全角の縦書きが一定文字数で改...
-
フレーム内のJavaスクリプトの...
-
javascriptでhiddenに二次元配...
-
クリックの度に加算していくには?
-
プルダウンから移動時のフレー...
-
フォーム内で記入したクエリ送...
-
正規表現で複数マッチ条件で悩...
-
【javascript・PHP】プルダウン...
-
javascriptでセレクトボックス...
-
Jvasvriptのlengthで個数が取得...
-
return trueとreturn falseの用...
-
VBScriptでpingを実行(ブラウザ...
-
UWSCのIE操作でプルダウンを選...
-
親子連動型のselectを設置し、...
-
VBScript
-
プルダウン 項目が多いので先頭...
-
submitボタン押下時にPOSTされ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
Pythonで会員サイトの自動ログ...
-
セレクトボックスの初期選択状...
-
name属性が同じフォームが複数...
-
ラジオボタンの選択で解答・点...
-
商品コードを入れたら自動で商...
-
演算対象の数字と演算子を入力...
-
フォームで入力した値を別のフ...
おすすめ情報