楽天(にかぎらず?)の検索フォームをENTERで動かしたいです。


よろしくお願いします。
現在楽天のページで検索フォームを作っているのですが、【検索】ボタンを押さずに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個だと動きません。
宜しくお願いいたします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/07/16 11:54:22
  • 終了:2015/07/23 11:55:05

回答(1件)

id:a-kuma3 No.1

a-kuma3回答回数4524ベストアンサー獲得回数18802015/07/16 15:36:06

質問のコードに手を入れました(★をつけたところ)。
こんな感じで。

<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 になってた -->

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません