javascript - 使用向上/向下箭头滚动选择列表，但将焦点保持在输入元素上

Question

我希望用户能够使用向上/向下箭头滚动选择选项，但能够随时按 ctrl-c 无缝地从匹配的输入元素进行复制。

但是我很难兼顾焦点。

我得到的最好的结果是它可以工作，但我必须按下两次才能移动到下一个选择元素。

这是我创建的一个 fiddle ，由于某种原因它甚至没有填充选择框。虽然它可以在我的服务器上运行。在我的服务器上，picsarray 数组是用 PHP 生成的，但它应该与这里的效果相同。

https://jsfiddle.net/bbmqy0xm/2/

Answer 1

您可以保留焦点，只需在设置后调用 select() 即可突出显示文本:

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

https://jsfiddle.net/s4rmytt5/