selectedIndexプロパティが選択されたオプションを返さないのはなぜですか？

Question

私はJQuery 1.12を使用しています。 JQueryを使用してメニュー項目の選択されたインデックスを取得するのに問題があります。私はこれを持っています：

<select class="selectField selectMenu form-control" name="user[address_attributes][state_id]" id="user_address_attributes_state_id"><option value="">Select State</option> 
    <option value="3526">Alabama</option> 
    <option value="3556">Alaska</option> 
    <option selected="selected" value="3547">Arizona</option> 
    <option value="3510">Arkansas</option> 
    <option value="3542">California</option> 
    <option value="3543">Colorado</option> 
    <!-- rest omitted for brevity --> 
</select> 

"選択された"は、 "アリゾナ"オプションの横に設定されていることがわかります。しかし、私は試してみてseletedインデックスを検索するためにjQueryのを使用する場合、それだけでゼロを返し...

$('#user_address_attributes_state_id')[0].selectedIndex 
0 

しかし、私はその値によってオプションを選択したとき、私はそれが選択されているtaht見ていますか...

$('#user_address_attributes_state_id option[value="3547"]').attr("selected") 
"selected" 

私のHTMLには何も選択されていないことがわかります。 jQueryを使用してメニューの選択したインデックスを正確に返すにはどうすればよいですか？

Answer 1

は、選択されたオプションを取得します：

var selected_option = $('#user_address_attributes_state_id option:selected'); 

と、選択したインデックス：value="3547"によって

var selected_index = $('#user_address_attributes_state_id option:selected').index(); 

と選択オプション：

$('#user_address_attributes_state_id').val(3547);