在select中设置selectedIndex

-1

我想更改select元素的selectedIndex。正如你在下面看到的，当我点击下拉字段时，selectedIndex被标记。但为什么它不会在选择之上改变？在这个例子中，它仍然有第一个选项的名称（Test1）。在select中设置selectedIndex

编辑：我正在使用JQuery Mobile。

HTML：

<div class="ui-field-contain"> 
                <select name="select-native-3"id="selectRule" 
          data-iconpos="left"> 
          <option value="0">Test 1</option> 
          <option value="1">Test 2</option> 
          <option value="2">Test 3></option>      
         </select> </div>

的Javascript：

$(window).load(function() { 

$('#selectRule').get(0).selectedIndex = 2; 

}

结果：

来源

2016-01-21 Matej

只是想知道，您使用的插件还是什么？因为否则你的代码将工作 –

@Wolff，没有我不使用任何插件。 – Matej

啊，我必须提到即时通讯使用JQuery Mobile。 – Matej

与尝试：

$(function() { 
    $("#selectRule").val(2); 
});

来源

2016-01-21 13:32:26 mokiSRB

仍是同样的问题。 – Matej

@Matej但你使用哪个插件？ –

http://jsfiddle.net/CpXVB/ – mokiSRB

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script> 

    $(document).ready(function() { 

     function JXX_SelectOption(Index) 
     { 
      $('#selectRule option:eq(' + Index + ')').attr("selected", "selected"); 
     } 
     JXX_SelectOption(1); 

    }); 
</script> 
</head> 
<body> 
    <div class="ui-field-contain"> 
           <select name="select-native-3"id="selectRule" 
          data-iconpos="left"> 
          <option value="0">Test 1</option> 
          <option value="1">Test 2</option> 
          <option value="2">Test 3</option>  
         </select> </div> 

</body> 
</html>

来源

2016-01-21 13:56:36 Aswathy

在select中设置selectedIndex

回答

相关问题