![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
selectで選択されたvalue値を下のhiddenのvalue値(id)に渡して、
hiddenのvalue値(id)がselectで選択されたvalue値になるような
フォームを作りたいのですが、作り方をお教え頂ければ幸いです。
<form name="form" method="get" action="index.cgi">
<select name="mode">
<option value="100023">和書</option>
<option value="100241">洋書</option>
<option value="100524">エレクトロニクス</option>
</select>
<input type="hidden" name="serch_janru" value="id" />
<input type="text" name="keyword" value="keyword" /><input type="submit" name="submit" value="商品を検索" />
</form>
ソース等、具体的にお教え頂けると助かります。
どうぞ宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
<form>には一切手をつけないとして、
javascriptで
<script type="text/javascript">
<!--
window.onload = function () {
//@cc_on
document./*@if (1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/
'change', function (evt) {
var e = evt./*@if (@_jscript) srcElement @else@*/ target /*@end@*/;
if (e.type=="select-one" && e.name=="mode"){
alert(e.value);
var elements = document.getElementsByName("serch_janru");
elements[0].value=e.value;
}
}, true);
}
// -->
</script>
こうできます。
No.2
- 回答日時:
>selectで選択されたvalue値を下のhiddenのvalue値(id)に渡して
それってmodeでもserch_janruでも同じ値をindex.cgiに送るってことですか?
無駄なトラフィックが増えるだけで意味ないので受け側で調整した方がよいのでは?
ちなみにjavascriptでhiddenに渡すのはユーザビリティとしては
最低なのでやめた方がよいかと。
(スクリプトが有効でないとserch_janruは手入力もできないので
つねに空になるので・・・)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
このQ&Aを見た人はこんなQ&Aも見ています
-
賃貸で可能な古民家風レトロな部屋作りのコツ!改めて知る畳の高い機能性と魅力も紹介
畳の部屋を雰囲気のよい部屋に仕上げたい!賃貸住宅でもできる古民家風のレトロな部屋作りのコツを伺った。
-
<input>の選択肢をプルダウンメニューから受け取り、hiddenで
JavaScript
-
プルダウンで選択した項目にあわせて、hiddenデータも変化させてcgiにデータを送る
JavaScript
-
セレクトメニューで2つの項目や値を渡す方法はありますか?
HTML・CSS
-
-
4
JSPで<SELECT>の中にDBから持ってきたデータを反映させたい
Java
-
5
hiddenのvalueの値を変えたい
JavaScript
-
6
プルダウンメニューにDBの内容を表示させる
PHP
-
7
javaでDBから取得したデータのJSP表示
Java
-
8
<input>のvalue値をプルダウンメニューから受け取りたいのです
JavaScript
-
9
リクエストに応じたselectedの初期値設定方法
Java
-
10
hiddenに値を設定する方法
JavaScript
-
11
チェックボックスのON/OFFでValueの値を変える方法が分かりません。
JavaScript
-
12
「マスタ」と「テーブル」の違いとはなんでしょうか?
Oracle
-
13
onchangeイベントを強制的に発生させる
JavaScript
-
14
javascriptでセレクトボックスのselected"を動的につ"
JavaScript
-
15
Java-jspの画面入力値保持について
Java
-
16
同じIDで定義した要素の配列を取得したいが
JavaScript
-
17
MySQLで論理名を取得する方法
MySQL
-
18
SQLで条件指定結合をしたいがNULLも表示したい
その他(データベース)
-
19
テーブルの任意の列を非表示にしたい
HTML・CSS
-
20
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う
HTML・CSS
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
select値をhiddenのvalueに渡し...
-
買い物カゴの作成
-
INPUT TYPE
-
リストボックス(multipleなsel...
-
OPTIONタグにループは使えない...
-
チェックボックスグループの一...
-
Select Case について教えてく...
-
チェックボックスとセレクトボ...
-
wordの数式について 定積分を書...
-
チェックボックスの返す値
-
VB.net データーグリッドビュー...
-
[HTML]プルダウンメニューの横...
-
onMouseoverで下線表示したい(...
-
普通のHTMLの画面からCG...
-
パールの-pオプションの値0777...
-
htmlからパラメータで、cgiに渡...
-
【ASP.NET MVC】フォームヘルパ...
-
CGIでチェックボックスを使...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
select値をhiddenのvalueに渡し...
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
ある条件での必須入力について
-
チェックボックスグループの一...
-
<select>タグの幅設定
-
プルダウンメニューでValue値を...
-
htmlでセルの値を取得して計算...
-
プルダウンメニューにテキスト...
-
HTML プルダウンメニューの選択...
-
PHPで検索ボタンを押さずに検索...
-
iframeごとに戻るボタンを
-
リストボックス(multipleなsel...
-
メールフォームのプルダウンメ...
-
チェックボックスの余白を指定...
-
htmlで on off 未選択 を表現す...
おすすめ情報