изменить выбранный вариант с JQuery не работает

Question

мой HTML является

<select class="form-select ajax-processed shipping-recalculation-processed" name="customer_profile_shipping[addressbook]" id="edit-customer-profile-shipping-addressbook"><option value="none">-- Choose --</option> 
<option selected="selected" value="20">tehran-righthand</option> 
<option value="39"></option> 
</select> 

Я хочу попробовать изменить выбранный вариант, нажав на другом HTML элемент, и я упоминаю Аякс установить на этом выберите вариант с изменением, моей целью как скрыть этот элемент и в соответствии нажмите на моем HTML изменить значение этого выберите опцию (то Аякс должен срабатывать после него)

(function($){ 
    //$('#edit-customer-profile-shipping-addressbook').hide(); 
    $('.user-profile-address').click(function(){ 
    var id=$(this).prop('id'); 
    $('#edit-customer-profile-shipping-addressbook option[value="'+id+'"]').prop("selected",true); 
///also I try this , I check click event handle correctly and passed true id (etc 20,39,none_ 
    //$('#edit-customer-profile-shipping-addressbook ').val(id); 
    $('#edit-customer-profile-shipping-addressbook').change(); 
    //console.log(id); 
    //console.log($('#edit-customer-profile-shipping-addressbook').val()); 
    }); 

    })(jQuery); 

Я пытаюсь этот кодом, то выберите вариант изменился по внешнему виду, но когда инспектировать элемент I см., что элемент выбора не изменилось.

Answer 1

Решения (я должен вызвать .Кнопку после изменения идентификатора)

$('#edit-customer-profile-shipping-addressbook').val(id).change();