jQuery设置焦点在选择列表的选定项目上

Question

我有一个yum update的选择列表 - 所以它总是显示100个可用选项中的10个。

页面加载时，即使选项值50为size="10"，也会始终显示前10个选项。

我已经读过，将selected添加到选择列表的选定项目将会起作用，这样当页面加载时，选项50将显示在选择列表中，而不是前10个选项。

但是，在阅读了很多主题并搜索谷歌后，我无法确定如何将focus设置为所选项目。

我想设置两者 focus和selected应用于选择列表的项目。

以下是我尝试过但不起作用的内容：

focus

这就是我想要实现的目标：

$('#id_preview_style_select option:selected').prop('selected', true);  //set the selected value.

$('#id_preview_style_select option:selected').prop('focus', true);  //does not work.
$('#id_preview_style_select option:selected').focus();  //does not work

任何帮助都将不胜感激。

Answer 1

.prop('focus', true);永远不会有用，因为focus()是一个方法，而不是一个属性（需要调用）。

尝试$('#id_preview_style_select option:selected').focus();

如果它不能立即起作用，则可能需要timeout，其超时为0毫秒。希望这会有所帮助。

编辑：如果这些都不起作用（可能是浏览器不允许这样做）我只是滚动选项列表，这样用户就可以看到所选内容了。