изменить значение тега select с помощью jquery

Question

Я работаю над сайтом wordpress. У меня есть html с тегом select и некоторыми параметрами. Когда форма отправлена, я хочу заменить значение опции «Другое» на это значение «Роузмонт», если выбрана опция «Другое». Ниже мой html.

<select class="expand" name="field_19" id="field_19"> 
             <option value="Bryn Mawr">Bryn Mawr</option> 
             <option value="Devon">Devon</option> 
             <option value="Gladwyne">Gladwyne</option> 
             <option value="Haverford">Haverford</option> 
             <option value="Other">Other</option> 
             </select> 

Теперь я хочу, что если опция «Other» выбран, то выбранное значение должно быть изменено на текст «Роузмонт». Так что значение «Rosemont» должно быть сохранено в базе данных вместо «Другое». Я написал код jquery, но он не работает. Это мой код

jQuery(function(){ 
    jQuery('#signup_submit').click(function(){ 
    var city_name = jQuery('select[name="field_19"]').val(); 
    alert(city_name)// this alerts 'Other' 
    if(city_name=='Other'){ 
    valr = 'Rosemont'; 
    jQuery('select[name="field_19"]').val(valr); 
    var vals = jQuery('select[name="field_19"]').val(); 
    alert(vals);// again this alerts 'Other'. this should alert Rosemont 
} 
    }); 

Answer 1

Нечто подобное? jsBin demo

jQuery(function($) { 

    $('#signup_submit').click(function(e){ 
    e.preventDefault(); 
    var $f19 = $('select[name="field_19"]'); 
    var f19Val = $f19.val(); 
    if(f19Val=='Other'){ 
     var $oth = $('[value=Other]',$f19); 
     var newVal = "Rosemont"; 
     $oth.val(newVal).text(newVal); 
    } 
    }); 

});