在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

回答

相關問題