質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%

解決済

form1にあるテキスト値をform3のPOSTから値のみ送信したい

kou___chan
kou___chan

総合スコア5

1回答

0評価

0クリップ

165閲覧

投稿2022/01/18 13:27

html

<form method="POST" name="form1" id="form1" autocomplete="off"> <label>最終回</label><font style="font-size: 36px"><?php echo $oll_number_lastdate[0]['no'];?></font> <label>最終No</label><font style="font-size: 36px"><?php echo $oll_number_lastdate[0]['oll'];?></font><br> <label>次期回</label> <input type="text" class="col-3 display-6 text-center" id="next_no" name="next_no" style="font-size: 16px" value="<?php echo str_pad($oll_number_lastdate[0]['no']+1, 5, '0', STR_PAD_LEFT);;?>"><br> <div class="form-group form-row" style="height: 100px;"> <input type="number" class="col-3 display-6 daycolor1 text-center" id="no1" name="no1" maxlength="1" style="font-size:80px;" placeholder="" onchange="inputCheck1()"> <input type="number" class="col-3 display-6 daycolor2 text-center" id="no2" name="no2" maxlength="1" style="font-size:80px;" placeholder="" onchange="inputCheck2()"> <input type="number" class="col-3 display-6 daycolor3 text-center" id="no3" name="no3" maxlength="1" style="font-size:80px;" placeholder="" onchange="inputCheck3()"> <input type="number" class="col-3 display-6 daycolor4 text-center" id="no4" name="no4" maxlength="1" style="font-size:80px;" placeholder="" onchange="inputCheck4()"> </div> <div class="col text-center"> <!--<input type="button" class="btn btn-secondary btn-bg" onclick="submit();" id="update_deme" name="update_deme"value="登録">--> <button type="button" class="btn btn-secondary btn-bg" id="update_deme"><font style="font-size: 16px">更新</font></button> <input type="hidden" name="select_button" value="update_deme"> <button type="button" class="btn btn-dark" id="deme_button" data-toggle="modal" data-target="#modal1">登録</button> </div> </form> <div class="col text-center"> <form method="POST" name="form3" id="form3" autocomplete="off"> <button type="button" class="btn btn-info btn-bg" id="preview_deme"><font style="font-size: 16px">出目</font></button> <input type="hidden" name="select_button" value="preview_deme"> </form>

form1にあるinput textの値(no1,no2,no3,no4)の値を下のform3のボタン押下時にPOSTで飛ばしたいのですが、うまくいきません。

javascript

<script> $(function () { $("#deme_button").click( function() { // テキストボックスのデータを取得します var getData1 = String($("#no1").val()); var getData2 = String($("#no2").val()); var getData3 = String($("#no3").val()); var getData4 = String($("#no4").val()); var getData5 = String($("#last_no").val()); var getData6 = String($("#next_no").val()); // 取得データと追記文言をくっつけて出力します $("#R_no1").val( getData1); $("#R_no2").val( getData2); $("#R_no3").val( getData3); $("#R_no4").val( getData4); $("#R_last_no").val( getData5); $("#R_next_no").val( getData6); }); }); </script>

javascriptでform1の値をモーダルのtextに反映することはできております

html

<input type="text" class="col-2 display-6 text-center" id="R_no1" name="R_no1" maxlength="1" style="font-size:80px;"> <input type="text" class="col-2 display-6 text-center" id="R_no2" name="R_no2" maxlength="1" style="font-size:80px;"> <input type="text" class="col-2 display-6 text-center" id="R_no3" name="R_no3" maxlength="1" style="font-size:80px;"> <input type="text" class="col-2 display-6 text-center" id="R_no4" name="R_no4" maxlength="1" style="font-size:80px;">

が、form3については、わざわざinputtextを作成して飛ばさず、値のみ取得して飛ばすことはできないでしょうか

POSTについては下記のjavascriptから飛ばしております

javascript

<script> var btn = document.getElementById('preview_deme'); btn.addEventListener('click', function() { var result = window.confirm('出目を表示しますか?'); if( result ) { document.form3.submit(); console.log('実行しております…'); } else { return false; console.log('キャンセルします…'); } }) </script>

ご教授のほど宜しくお願いいたします

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る