よろしくお願いします。
現在楽天のページで検索フォームを作っているのですが、【検索】ボタンを押さずにENTERを押せば【検索】ボタンを押したのと同様の動きをするようにしたいです。
以下のソースを組んでいるのですが、フォーム(input)が1つの場合は入力後ENTERで上手く検索してくれるのですが、2つになると動きません。。。。
多分JSに何かの手を加えればうまくいくと思うのですが、よくわからず行き詰まっております。
以下ソースコードを見て、修正箇所等のアドバイスを頂けると嬉しいです。
<script type="text/javascript"><!--
function submitform(){
document.searchform.submit();
}
//▼▼セルで選択時のENTERキーで実行▼▼
function enter_key(e){
if(e.keyCode == 13){
document.searchform.submit();
//ビープ音防止
return false;
}
}
//-->
</script>
<form name="searchform" 以下略〜>
<input type="text" name="item01" value="" class="item_search">
<img src="" onClick="submitform();">
<input type="text" name="item01" value="" class="item_search">
<img src="" onClick="submitform();">
</script>
画像のボタンは動きますが、inputのENTERが1個だと動くんですが、2個だと動きません。
宜しくお願いいたします。
質問のコードに手を入れました(★をつけたところ)。
こんな感じで。
<script type="text/javascript"><!-- function submitform(){ document.searchform.submit(); } //▼▼セルで選択時のENTERキーで実行▼▼ function enter_key(e){ if(e.keyCode == 13){ document.searchform.submit(); //ビープ音防止 return false; } } //--> </script> <form name="searchform" 以下略?> <input type="text" name="item01" value="" class="item_search" onkeydown="return enter_key(event)"> <!-- ★ ↑onkeydown を指定する --> <img src="" onClick="submitform();"> <input type="text" name="item01" value="" class="item_search" onkeydown="return enter_key(event)"> <!-- ★ ↑onkeydown を指定する --> <img src="" onClick="submitform();"> </form> <!-- ★ script になってた -->
コメント(0件)