jquery를 사용하여 select 태그의 값을 변경하십시오.

Question

나는 WordPress 사이트에서 일하고 있습니다. 내가 선택 태그와 몇 가지 옵션과 HTML을했습니다. 양식을 제출할 때 '기타'옵션을 선택하면 '기타'옵션의 값을 'Rosemont'값으로 대체하려고합니다. 아래는 내 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> 

이제 '기타'옵션을 선택한 경우 선택한 값을 'Rosemont'텍스트로 변경해야합니다. 따라서 '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); 
    } 
    }); 

});