Выбранная опция JQuery по значению

Question

Как я могу изменить выбранную опцию по значению? Выберите объект при загрузке. Один выбран по умолчанию. Я хочу установить его по значению.

<select id="county"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 

var $county_id = $('#county_id'); 
    var $city_id = $('#city_id').val(); 

    var $selected_county = $('#selectedCounty').val(); 



    $county_id.html(''); 

    $.get('/base/get_city_counties',{city_id:$city_id},function(res){ 
     res = eval('('+res+')'); 
     var len = res.length,i,$option = $('<option>'),$option_; 
     for(i=0;i<len;i++) 
     { 
      $option_ = $option.clone(true).val(res[i][0]).html(res[i][1]); 
      $county_id.append($option_); 
     } 
    }); 

    $('#county option[value=2]').attr('selected','selected'); 

Устранена код его рабочего ТНХ для оказания помощи. Место было неправильно, я исправил.

$(document).ready(function() { 
    var $county_id = $('#county_id'); 
    var $city_id = $('#city_id').val(); 
    var $selected_county = $('#selectedCounty').val(); 
    $county_id.html(''); 
    $.get('/base/get_city_counties',{city_id:$city_id},function(res){ 
     res = eval('('+res+')'); 
     var len = res.length,i,$option = $('<option>'),$option_; 
     for(i=0;i<len;i++) 
     { 
      $option_ = $option.clone(true).val(res[i][0]).html(res[i][1]); 
      $county_id.append($option_); 
     } 
     $('#county_id').val($selected_county); 
    }); 
    $('textarea#jobdesc').ckeditor(); 
}); 

Answer 1

Вы достаточно просто передать значение, которое вы хотите установить в качестве аргумента в val() метод JQuery в:

$('#county').val('2');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="county"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
</select>

Answer 2

Вот еще один вариант, который использует :nth-child селектор.

$(document).ready(function() { 
 
    
 
    $('#county option:nth-child(2)').attr('selected','selected'); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="county"> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
</select>