选择带有值的选项

Question

How I can select option with value after ajax success? I do like this, but it doesn't work.

$.ajax({
                        type: "POST",
                        url: "/ax.php",
                        cache: false,
                        data: { action: 'show', id: pid},
                        success: function(responce){ 
                            $('div[name="qwerty"]').html(responce); 
var some_value = <?=$ads['cat2']?>;

$('#cat_2 select option[value="'+some_value +'"]').prop('selected', true);
 ...........................................................

P.S There is no error in console. And some_value = 10, and there is option with value 10 in select, but not selected. P.P.S I use async:false, it doesn't work either.

Answer 1

try setting the attribute of option element. do not forget to reset this attribute on all options before selecting one

$.ajax({
                    type: "POST",
                    url: "/ax.php",
                    cache: false,
                    data: { action: 'show', id: pid},
                    success: function(responce){ 
                        $('div[name="qwerty"]').html(responce); 
 var some_value = <?=$ads['cat2']?>;

 $('#cat_2 select').val(some_value);

$(document).ready(function() {
  $("button").click(function() {
    var val = $("select").val();
    if(val == 3) val = 1;
    else val++;
    
    $("select").val(val);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<button>Change value</button>

</div>