使用向上/向下箭頭滾動選擇列表，但始終關注輸入元素

我希望用戶能夠使用向上/向下箭頭滾動選擇選項，但能夠按ctrl-c從匹配的輸入元素只要他們想要，無縫。使用向上/向下箭頭滾動選擇列表，但始終關注輸入元素

但是我在處理焦點時遇到了麻煩。

我得到的最好的是它的作品，但我不得不按兩次移動到下一個選擇元素。

這是我創建的小提琴，由於某種原因，甚至沒有填充選擇框。雖然它在我的服務器上工作。在我的服務器上，使用PHP生成picsarray數組，但效果應該與此處相同。

2015-10-06 Buttle Butkus

你可以離開焦點獨自只需撥打select()設置後，突出文字：

function showpicture(selectobj) { 
    /* deleted irrelevant js */ 
    $("#image_name").val($(selectobj).val()).select(); 
}

https://jsfiddle.net/s4rmytt5/

來源

2015-10-06 21:35:13 Malk

也只有一個問題：showpicture的'（）內' ，我正在嘗試訪問一個屬性，並在執行'selectobj.options [selectobj.selectedIndex] .value'時出現「無法讀取屬性'undefined'未定義的錯誤'。任何想法？ –

嘿，看看這個。雖然你的代碼在小提琴上效果很好，但它會導致'showpicture'方法在一個地方接收jquery「選項」，而在另一個地方接收一個常規的js「select」元素。我修改了你的代碼，給了常規的「選擇」元素，現在一切工作在我的最後。非常感謝！ https://jsfiddle.net/s4rmytt5/1/ –

使用向上/向下箭頭滾動選擇列表，但始終關注輸入元素

回答

相關問題