使用向上/向下箭头滚动选择列表，但要关注输入元素

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

但是我很难集中注意力。

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

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

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

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