Question

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

select
option test1  option
option test2  option
option test3  option 
select

Answer 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);
});

Answer 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>

Answer 3

选择
选项test1选项
选择了test2选项
option test3选项
选择

Answer 4

试试：

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

Answer 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;

    }

从正文 onload="" event

调用javascript

将默认焦点设置为不首先的特定下拉选项？

5 个答案: