将默认焦点设置在不是第一个的特定下拉选项上？答案

【问题标题】：Set default focus on particular dropdown option that isn't first?将默认焦点设置在不是第一个的特定下拉选项上？
【发布时间】：2013-12-24 13:10:27
【问题描述】：

有没有办法用 css/html/js/jquery 将焦点设置在我的下拉选择框的“test2”上，这样当页面加载时，第二个选项将显示为已选择的选项？

select
option test1  option
option test2  option
option test3  option 
select

【问题讨论】：

您的意思是设置焦点还是最初选择一个选项？两种不同的东西。

标签： javascript jquery html css drop-down-menu

【解决方案1】：

试试

使用 HTML

<select>
    <option value="test1">test1</option>
    <option value="test2" selected>test2</option>
</select>

js 使用值

$(function () {
    $('select option[value="test2"]').prop('selected', true);
});

js 使用文本

$(function () {
    $('select option').filter(function () {
        return $(this).text().trim() === 'test2';
    }).prop('selected', true);
});

【讨论】：

【解决方案2】：

通过 jQuery：

<select>
    <option value="0">Choose an item...</select>
    <option value="1">Item 1</select>
    <option value="2">Item 1</select>
    <option value="3">Item 1</select>
    ...
</select>

<script>
    $("select").val(2);
</script>

【讨论】：

【解决方案3】：

选择
选项 test1 选项
选项 test2 选项已选择
选项 test3 选项
选择

【讨论】：

【解决方案4】：

试试看：

<select>
      <option value="test1">test1</option>
      <option value="test2" selected>test2</option>
      <option value="test3" >test3</option>
    </select>

【讨论】：

【解决方案5】：

这是你的 HTML：

<select>
      <option value="test1" selected>test1</option>
      <option value="test2" >test2</option>
      <option value="test3" >test3</option>
    </select>

Javascript 用于将所选选项更改为 test2：

 function Select1(){

    var ddl = document.getElementById('idSelect');

       ddl.options[2].selected = true;

    }

从 body onload="" event

调用 javascript

【讨论】：