用jquery更改值後，我不能選擇此值

Question

我有這個代碼的問題：在哪裏我改變eache選項的值，並且我想顯示或隱藏div取決於值。

但改變選項的值後，我不能選擇在jQuery的價值。

$("#form1 > select > option:not(:first), #form7 > select > option:not(:first)").each(function() { 
$(this).attr('value',$(this).text()); 
}); 


$('#frmdocumentsForm-r1').on('change',function(){ 
    if($(this).val()=='AAA'){ 
     $('#form2own').show(); 
    } else { 
     $('#form2own').hide(); 
    } 
}); 
$('#frmdocumentsForm-r7').on('change',function(){ 
    if($(this).val()=='BBB'){ 
     $('#form8own').show(); 
    } else { 
     $('#form8own').hide(); 
    } 
}); 

Answer 1

試試這個

$("#form1 > select > option:not(:first), #form7 > select > option:not(:first)").each(function() { 
    var textValue = $(this).text().trim(); 
    $(this).val(textValue); 
}); 

Answer 2

修剪你的文字從中刪除空格，然後嘗試爲

$("#form1 > select > option:not(:first), #form7 > select > option:not(:first)").each(function() { 
    $(this).val($.trim($(this).text())); 
});