2012-12-23 55 views
2

我有很多輸入文本區域後面跟着一個按鈕,我想要做的是自動爲每個輸入框選擇下一個按鈕元素後按下輸入沒有定義輸入框或按鈕的id或class。jquery選擇下一個按鈕在輸入文本區域中輸入

我想我的問題就在於不能夠正確地使用一個功能,我有點新本:

<input type="text"/> <button>enter</button> /after hitting enter in this input, it would click the button element/

    <input type="text"/> <button>enter</button> /after hitting enter in this input, it would hit enter in this button element/ 

    <script> 
    $("input[type=text]").keyup(function(event){ 
    if(event.keyCode ==13){ 
    $("input[type=text]").next("input[type=text] button").click(); 
    } 
    }); 

上述腳本部分不工作,但如果我給他們的ID或類,那麼它的工作原理,例如,如果我給的ID「中的」輸入文本,「BTN」的按鈕,然後它爲一個輸入和按鍵的位置:

$("#in").keyup(function(event){ 
if(event.keyCode ==13){ 
    $("#btn").click(); 
    } 
    }); 

但我有辦法太多的輸入框後跟按鈕,我需要以某種方式使它,以便每個輸入框後,按Enter鍵選擇下一個按鈕。

請幫

+0

謝謝,我一直點擊向上箭頭,而不是,我的壞。 –

回答

2

變化:

到:

$(this).next("button").click(); 

注意keyCode是不是跨瀏覽器,你可以使用which屬性。

$("input[type=text]").keyup(function(event){ 
    if (event.which === 13) { 
     $(this).next("button").click(); 
    } 
}); 
2

我認爲這會對你有用。

$("input").keyup(function(event){ 
    if(event.which == 13) { 
     $(this).next("button").click(); 
    } 
}); 
相關問題