前提・実現したいこと
javascriptの初心者です。
submitを押したら、特定の個所に文字が
表示されるようにしようとしています。
発生している問題・エラーメッセージ
現在、下記のソースコードで実現しようとしているのですが、
id="search_word"の個所が一瞬表示されてすぐに消えてしまいます。
検索フォームに入力した文字が、id="search_word"の個所に
固定して表示されるようにするにはどうしたらよいのでしょうか?
該当のソースコード
<script> function searchClick() { document.getElementById("search_word").innerHTML = "「〇〇」の検索結果を"; }; </script> <body> <div id="search"> <form method="get" action="/testtest/sc/list/"> <input type="hidden" name="suggest" id="suggest" value="on"> <input class="search_text_input" type="text" placeholder="検索内容を入力" name="word" value="" autocomplete="off" style="height:30px; width:70%; text-indent:0.5em; border:solid 1px #CACACA;border-radius: 5px;-webkit-border-radius: 5px;-webkit-appearance: none;"> <input type="submit" value="検索" onclick="searchClick();" id="search_input" style="height:30px;width: 25%;border:solid 1px #CACACA; color:#ffffff; padding:5px; font-weight:bold;background-color: #CACACA;border-radius: 5px;-webkit-border-radius: 5px;-webkit-appearance: none;"> </form> </div> <div class="search clearfix"> <span id="search_word"></span> <span class="search_item"> <span class="word_refine">絞り込む</span> </span> </div> </body>javascript
試したこと
submitをbuttonに変えてみたのですが、今度は検索が動かなくなりました。
にっちもさっちもいかず、どうか助けてください。