form内の、submitボタンの値が拾えません。
1つだけsubmitボタンを設置すると値が拾えますが、
2つ以上submitボタンを設置すると拾えません。
仕様上、無理なのでしょうか?
<SCRIPT language="JavaScript">
function move_post(){
alert(document.frmMvPost.btn.value);
}
</SCRIPT>
<FORM name="frmMvPost" action="" method="post" onsubmit="return move_post()">
<INPUT type="submit" name="btn" value="テスト1">
<INPUT type="submit" name="btn" value="テスト2">
<INPUT type="submit" name="btn" value="テスト3">
</form>
No.2ベストアンサー
- 回答日時:
> alert(document.frmMvPost.btn.value);
btnというオブジェクトが複数あるため、btnは配列になってしまうため、
document.frmMvPost.btn.valueでは値が取れません。
回避策はonClickイベントにて値をHiddenへ格納すればOKです。
_____________________________________________________________
<SCRIPT language="JavaScript">
function move_post(){
alert(document.frmMvPost.onbtn.value);
}
function set_value(s_val)
{
document.frmMvPost.onbtn.value = s_val;
}
</SCRIPT>
<FORM name="frmMvPost" action="" method="post" onsubmit="return move_post()">
<INPUT type="submit" name="btn" value="テスト1" onClick="set_value('テスト1')">
<INPUT type="submit" name="btn" value="テスト2" onClick="set_value('テスト2')">
<INPUT type="submit" name="btn" value="テスト3" onClick="set_value('テスト3')">
<INPUT type="hidden" name="onbtn">
</form>
_____________________________________________________________
※テストしていないため動作は保証しません。問題ある場合にはお手数ですが何かしら手を加えてください。
No.3
- 回答日時:
"submit"を"button"にしてonclickイベントでmove_post()を呼び出し、event.srcElement.valueで取得する。
てのは?(submitするときはmove_post()にフォーム名.submit();を記述)
<SCRIPT language="JavaScript">
function move_post()
{
alert(event.srcElement.value);
//frmMvPost.submit();
}
</SCRIPT>
<FORM name="frmMvPost" action="" method="post">
<INPUT type="button" name="btn" value="テスト1" onclick="move_post();">
<INPUT type="button" name="btn" value="テスト2" onclick="move_post();">
<INPUT type="button" name="btn" value="テスト3" onclick="move_post();">
</form>
IEであれば動作しました。event.srcElement.valueというのは勉強になりました。IE限定の時は是非とも使いたいと思います。ありがとうございました。
No.1
- 回答日時:
多分、submitボタンに与えているname属性の値が重複しているので、狙ったような動作が得られないのではないでしょうか。
name属性をそれぞれ別々の値に設定すれば、動作すると思います。もし参照するフォーム部品の名前をbtnに統一しなければうまくないという場合は、隠しフィールドを用意してそこにそのフォーム部品の名前を与え、submit時に隠しフィールドに各ボタンの値を渡して、その隠しフィールドの方の値を取得させるような形に修正するのも対策になるかもしれません。
formの部分のソースを
<FORM name="frmMvPost" action="" method="post" onsubmit="return move_post()">
<INPUT type="submit" value="テスト1" onClick="document.frmMvPost.btn.value=this.value;">
<INPUT type="submit" value="テスト2" onClick="document.frmMvPost.btn.value=this.value;">
<INPUT type="submit" value="テスト3" onClick="document.frmMvPost.btn.value=this.value;">
<input type="hidden" name="btn">
</form>
このようにしてみてはいかがでしょうか。
参考になれば幸いです。 見当違いでしたら、ごめんなさい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
複数のSubmitボタンをname属性によって見分けるには?
JavaScript
-
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
Javascriptの値をJava(JSP)へ渡す方法
Java
-
-
4
tableタグとformタグの組み合わせ
HTML・CSS
-
5
Javascriptでのbuttonのname属性、もしくはid属性を取得
JavaScript
-
6
どのボタンが押されたかの判定
HTML・CSS
-
7
JSPのNULLレコード表示について教えて下さい。
Java
-
8
ボタンクリック-JSP判断
Java
-
9
onClickとsubmitの処理順序
JavaScript
-
10
プルダウンリストを作りMySQLからデータを取得してonchangeする方法
JavaScript
-
11
1つのform内に2つのsubmitボタンがあり、action属性がそれぞれで異なる場合
JavaScript
-
12
フォームで同じ複数のnameで違うvalueの送信
Java
-
13
hiddenの値が期待した値で取得されないのです
Java
-
14
FormのonsubmitでJavaスクリプトを複数使えますか
JavaScript
-
15
<form>中の<button>タグのvalue値
HTML・CSS
-
16
JSPからServletへの遷移
Java
-
17
チェックボックス付きのテーブルから、チェックの付いた行のみの値を取得したい
JavaScript
-
18
Javascript_submit()完了後に処理したい
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptにてHTMLのhiddenエ...
-
hiddenのvalueの値を変えたい
-
javascriptでhiddenに二次元配...
-
VBAをJavaScriptに変換したいです
-
value内に変数を入れたい
-
どのボタンがクリックされたの...
-
setIntervalの間隔を途中で変更...
-
UART通信の取説で,left floati...
-
JavaScriptでBMI計算
-
JAVASCRIPTで、ボタンを押した...
-
フォームで入力した値を別のフ...
-
ダミーフォームの内容を送信用...
-
javascriptで複数の計算を同時...
-
IEで動くのに、Firefoxで動かな...
-
フォームの入力欄の未記入チェ...
-
日付選択のポップアップを今日...
-
テキストエリア内容からチェッ...
-
【jQuery】input nameの文字列...
-
return trueとreturn falseの用...
-
javascriptでASPにデータを渡す
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
javascriptでhiddenに二次元配...
-
hiddenのvalueの値を変えたい
-
setIntervalの間隔を途中で変更...
-
VB.NET DateTimeの型について
-
複数のsubmitボタンで押された...
-
javascriptにてHTMLのhiddenエ...
-
フォームで入力した値を別のフ...
-
セレクトボックスの初期選択状...
-
ラジオボタンの選択で解答・点...
-
テキストボックスに入力された...
-
クイズ作成:15個の問題から5個...
-
ホームページビルダーのスクリ...
-
入力を制限したい
-
CDOMailで本文テキストの文字コ...
-
VBAをJavaScriptに変換したいです
-
UART通信の取説で,left floati...
-
ラジオボタン、チェックボック...
-
Pythonで会員サイトの自動ログ...
-
関数名などの固有名詞(?)を...
おすすめ情報