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

您只需将要设置为参数的值传递给jQuery的val()方法：

$('#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>

Jquery按值更改选定的选项

2 个答案: