Javascript jQuery使用修改的最大长度隐藏和显示html文本框

我需要代码方面的帮助。我假设有一个下拉列表和两个文本字段。文本字段应具有最大长度。每当我单击下拉列表中的特定选项时，其中一个文本字段应该隐藏。另一个文本字段应该保留。但是，如果使用新的最大长度，并且在下拉列表中选择其他选项，则两个文本字段都应显示其原始最大长度。每当我从option1恢复到option2时，我的代码都无法100%正常工作。在我的第一个文本字段中，最大长度始终保持不变

enter code here

<select id="choices1">
<option value="chooose">chooose</option>
<option value="option1">first option</option>
<option value="option2">second option</option>
</select> 
<br>
<input type="text" id="textbox1" maxlength="9"  placeholder="type here"> 
<br>
<input type="text" id="textbox2" maxlength="13"  placeholder="type here"> 

}))

$（'#textbox2'）。attr（'13'）

应该是

$（'#textbox2'）。attr（'maxlength'）

试试这个：

 if ( $( '#textbox2' ).data( 'originalMaxLength' ) == '' ) {

$( '#textbox2' ).data( 'originalMaxLength', $('#textbox2').attr('13') ); 

    } 

 if($(this).val()=="option2"){

$('#textbox2').hide(); 
 $( '#textbox1' ).attr( 'maxlength', '5' );

} 

else{
    $('#textbox2').show(); 
    console.log($('#textbox1').data('originalMaxLength'));
    $('#textbox1').attr('maxlength',$('#textbox1').data('originalMaxLength')=='13')
    $('#textbox1').val('');    
}