Javascript 使用jquery更改值后，我无法选择此值

我对这段代码有问题：我在哪里更改每个选项的值，然后根据值显示或隐藏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();
    }
});

---

修剪文本以删除其中的空格，然后尝试

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

试试这个

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