2016-01-21 4 views
-1

Я хочу изменить выбранноеIndex элемента select. Как вы можете видеть ниже, selectedIndex отмечается, когда я нажимаю на поле выпадающего списка. Но почему это не изменилось на вершине выбора? В этом примере он все еще имеет имя первого параметра (Test1).Set selectedIndex в пределах выбора

EDIT: Я использую 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; 

} 

Результат:

enter image description here

+0

Просто интересно, вы используете плагин или что? Потому что в противном случае ваш код будет работать –

+0

@Wolff, no im не использует никакого плагина. – Matej

+0

Ahh, я должен упомянуть, что im использует JQuery Mobile. – Matej

ответ

1

Попробуйте с:

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

По-прежнему та же проблема. – Matej

+0

@Matej Но какой плагин вы используете ??? –

+0

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

0
<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> 
Смежные вопросы