使用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() {
     $(this).val($.trim($(this).text()));
});

Answer 2

试试这个

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