如何基于下拉选择使文本框只读

How to make textboxes readonly based on drop down selection?

本文关键字：文本 只读 选择 何基于      更新时间：2023-09-26

我有以下脚本，它将数据长度和数据宽度放在基于下拉问题的文本框

我的问题是我如何使.width和.length文本框只读基于下拉选择如下?

$(document).ready(function() {
    $('select.cargo_type').change(function() {
        var eur1width = $('select.cargo_type').find(':selected').data('width');
        $('.width').val(eur1width);
        //make width textbox readonly
        var eur1length = $('select.cargo_type').find(':selected').data('length');
        $('.length').val(eur1length);
        //make length textbox readonly
    });
});

您可以使用prop设置readonly文本框

$('.width').val(eur1width).prop('readonly', true);
$('.length').val(eur1length).prop('readonly', true);

要删除readonly，可以将readonly属性设置为false;

$('.width').val(eur1width).prop('readonly', false);
$('.length').val(eur1length).prop('readonly', false);


if (eur1width == 'myVal') {
    $('.width').val(eur1width).prop('readonly', true);
} else {
    $('.width').val(eur1width).prop('readonly', false);
}

在元素上使用prop('readonly',true/false);。如,

if(eur1width == 'checking_val'){
   $('.width').val(eur1width).prop('readonly', true);
}else{
   $('.width').val(eur1width).prop('readonly', false);
}

或

切换

属性
   $('.width').val(eur1width).prop('readonly', !$(this).prop('readonly'));
相关文章：