複数のボタンがあります。
それぞれのボタンによって、value値を変えたいと考えています。
通常であれば
<button class='button' type='submit' name='volume' value='350'>350購入</button>
<button class='button' type='submit' name='volume' value='450'>450購入</button>
という形を利用しますが、理由があり、 type='submit' を使用できません。
そこで、
<input id="button350" type="button" value="350購入" />
<input id="button450" type="button" value="450購入" />
というsubmit属性の無いボタンを使用しながら、「javascriptを使いname value を抽出しsubmitまで持っていく」ことを考えています。
そこで、下記のようなものを2種類(350と450は別の記載方法でテスト)作ってみましたが、いずれもsubmitは出来ますが、value値を渡すことが出来ません。
どのように書けば、name属性にvalue値を渡すことが可能でしょうか?
<form action="abc.php" method="post" name="form2" id="form2">
<script>
$(function(){
$('#button350').click(function() {
$('input[type=\'submit\']');
$('input[name=\'volume\']');
$('input[value=\'350\']');
$('#form2').submit();
});
$('#button450').click(function() {
$('input[type=\'submit\'],[name=\'d4_buy_stock_volume2\'],[value=\'450\']');
$('#form2').submit();
});
});
</script>
<BR>
<BR>
<input id="button350" type="button" value="350購入" />
<BR>
<input id="button450" type="button" value="450購入" />
</form>
No.2ベストアンサー
- 回答日時:
ボタン要素で値を送信ではなく、
隠し要素をフォーム内に埋め込んで送信、
はいかがでしょうか
$('#form2 input[type=button]').click(function(){
var v = $(this).val();
$('<input type=hidden name=volume>').val(v).appendTo('#form2');
$('#form2').submit();
});
大変勉強になるご指導有難うございます!!
ご指摘頂きましたことをヒントに下記で対応出来ました。
本当に有難うございました。
深く御礼申し上げます。
$(function(){
$('#button250').click(function() {
var v = $(this).val();
$('<input type=hidden name=volume value=250>').val(v).appendTo('#form2');
$('#form2').submit();
});
No.1
- 回答日時:
>そこで、
><input id="button350" type="button" value="350購入" />
><input id="button450" type="button" value="450購入" />
>
>というsubmit属性の無いボタンを使用しながら、「javascriptを使いname value を抽出しsubmitまで持っていく」ことを考えています。
よくわかりませんが、name属性を書いてないからname属性を取れないのではないでしょうか。
下記まで簡略してみました。
Submitは可能ですが、name属性への数値が挿入されることはありませんでした。
<script>
$(function(){
$('#button100').click(function() {
$('#form2').submit();
});
$('#button200').click(function() {
$('#form2').submit();
});
});
</script>
<BR>
<BR>
<input id="button100" type="button" name ="volume" value="100" />
<BR>
<input id="button200" type="button" name ="volume" value="200" />
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- PHP php ログイン 1 2022/11/01 00:24
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォーム内で記入したクエリ送...
-
VBScript
-
textボックスに入力されたアド...
-
ボタンを押すまで次の処理へ行...
-
メッセージボックスで「はい」...
-
jQueryで特定のチェックボック...
-
イントラマート
-
Javascriptで二重送信を防止し...
-
confirmのOK・キャンセルを押し...
-
正規表現で複数マッチ条件で悩...
-
【javascript・PHP】プルダウン...
-
javascriptでセレクトボックス...
-
Jvasvriptのlengthで個数が取得...
-
return trueとreturn falseの用...
-
VBScriptでpingを実行(ブラウザ...
-
ラジオボタンの選択で解答・点...
-
UWSCのIE操作でプルダウンを選...
-
親子連動型のselectを設置し、...
-
プルダウン 項目が多いので先頭...
-
submitボタン押下時にPOSTされ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
confirmのOK・キャンセルを押し...
-
onclickで2個指定するには?
-
ボタン2回押しを無効にしたい
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
JavaScriptにおいてPOSTで送信...
-
disabled プロパティが表示され...
-
確認ダイアログの出し方(JavaS...
-
onclickをEnterキーでも行いたい
-
jsで質問です。 ボタンが二つ存...
-
ボタン無しでフォーム内容送信
-
confirm()で表示したダイアログ...
-
ボタンを押すとチェックボック...
-
javascriptで二重送信防止
-
VBScript
-
メールフォーム:「必須項目」...
-
Javascriptで二重送信を防止し...
-
ホームページビルダーでメール...
おすすめ情報