将焦点设置在特定的选择框上

Question

我在页面中有多个选择框。我想将焦点放在特定选择框的第一个元素上。 Here它显示了如何将焦点设置在选择框上。我也想说哪一个。我试过下面的代码，但没有设置焦点。

$('#thirdDropBox select:first').focus();

Answer 1

如果您希望用户专注于多个选择中的第一个，您可以使用以下jQuery代码：

如果您有第一个选择的ID，则可以使用以下内容直接访问该元素：

$(document).ready(function () {
    $('#idOfFirstSelect').focus();
}); 

但是，如果您没有ID，则以下代码应该有效。

演示：http://jsfiddle.net/biz79/1qo6mxnf/

$(document).ready(function () {
    $('select').first().focus();
});

另外，如果您还希望选择默认选项，则可以将该选项设置为＆＃34;选择＆＃34;在HTML中：

<option value="saab" selected="selected">Saab</option>

Answer 2

JQuery选择器：

$('#thirdDropBox select:first')

将选择第一个＆＃34;选择＆＃34; html元素，它是html元素的后代，其ID属性值为＆＃34; thirdDropBox＆＃34;。

有关详细信息，请参阅：http://api.jquery.com/descendant-selector/

您可能需要从选择器中删除＆＃39;＃thirdDropBox＆＃34; -part：

$('select:first')