Q&A
■やりたいこと
formタグ内にボタンA・ボタンBを設置し、ボタンBは非表示にしておく。
ボタンAをクリックするとボタンBが表示される。
※ボタンAで検索しボタンBでSubmitしたい
■環境
Windows10のxampp（PHP 7.4.11）上で確認しています。
■起きている症状
ボタンBが一瞬だけ表示され、消えてしまう。
formタグが無い時は正常に表示される。
・formタグの無い時→正常
http://tn3376ams.php.xdomain.jp/no_form.php
・formタグ内にボタンを設置→動作不良
http://tn3376ams.php.xdomain.jp/with_form.php
■ソース
HTML
1<!DOCTYPE html> 2<html> 3 <head> 4 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 5 <script> 6 jQuery(function($) { 7 $('#buttonB').hide(); 8 9 $('#buttonA').click(function() { 10 $('#buttonB').show(); 11 }); 12 }); 13 </script> 14 </head> 15 <body> 16 <form> 17 <button id="buttonA">ボタンA</button> 18 <button id="buttonB">ボタンB</button> 19 </form> 20 </body> 21</html>
正常に動いているものは<form>タグを取っただけです。
HTML
1 <body> 2 <button id="buttonA">ボタンA</button> 3 <button id="buttonB">ボタンB</button> 4 </body>
ご教授頂けますでしょうか。
宜しくお願いいたします。
回答1件
0
ベストアンサー
buttonはtype無指定でsubmitになります
HTML
1<button id="buttonA" type="button">ボタンA</button>
投稿2020/12/01 03:52
総合スコア116661
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/01 05:11