Question

我有以下Javascript代码，在自动填充方面可以很好地工作，并根据在type_code.php文件中从MySQL加载的数组填充5个额外的输入字段。

数组val的第六个元素（名称[6]）填充了数据库值为是或否我试图使用此值来控制其他表单字段是只读还是在前端读写

好像我的if语句格式错误，好像我运行了两行代码而没有if如果一切按预期工作。

        // Autocomplete Invoice To from Code and sets ReadOnly/ReadWrite based on Editable field in Code record
        $('#add_at_inv2_code1').autocomplete({
            source: function( request, response ) {
                $.ajax({
                    url : 'type_code.php',
                    dataType: "json", 
                    method: 'post',
                    data: {
                        name_startsWith: request.term,
                        type: 'code_table',
                        row_num : 1
                    },
                    success: function( data ) {
                        response( $.map( data, function( item ) {
                            var code = item.split("|");
                            return {
                                label: code[0],
                                value: code[0],
                                data : item
                            }
                        }));
                    }
                });

            },
            autoFocus: true,              
            minLength: 0,
            select: function( event, ui ) {
                var names = ui.item.data.split("|");                        
                $('#desc_at_inv2_code1').val(names[1]);
                $('#add_at_inv2_code2').val(names[2]);
                $('#add_at_inv2_client').val(names[3]);
                $('#add_at_salesrep').val(names[4]);
                $('#add_at_category').val(names[5]);

                // Code that is not working
                if($(val(names[6])) == "Yes") {
                $('#add_at_inv2_client').prop('readonly',false);
                $('#add_at_inv2_client').prop('disabled',false);
                } else {
                $('#add_at_inv2_client').prop('readonly',true);
                $('#add_at_inv2_client').prop('disabled',true);
                }

            }               
        });

有人可以帮我正确构建这个if语句吗？

谢谢， Adri

Answer 1

val（）方法返回或设置所选元素的value属性。

注意：val（）方法主要用于HTML表单元素。

使用

if(names[6] == "Yes")

而不是

if($(val(names[6])) == "Yes")

=============================================== ==========================

<script type="text/javascript">
    // Autocomplete Invoice To from Code and sets ReadOnly/ReadWrite based on Editable field in Code record
            $('#add_at_inv2_code1').autocomplete({
                source: function( request, response ) {
                    $.ajax({
                        url : 'type_code.php',
                        dataType: "json", 
                        method: 'post',
                        data: {
                            name_startsWith: request.term,
                            type: 'code_table',
                            row_num : 1
                        },
                        success: function( data ) {
                            response( $.map( data, function( item ) {
                                var code = item.split("|");
                                return {
                                    label: code[0],
                                    value: code[0],
                                    data : item
                                }
                            }));
                        }
                    });

                },
                autoFocus: true,              
                minLength: 0,
                select: function( event, ui ) {
                    var names = ui.item.data.split("|");                        
                    $('#desc_at_inv2_code1').val(names[1]);
                    $('#add_at_inv2_code2').val(names[2]);
                    $('#add_at_inv2_client').val(names[3]);
                    $('#add_at_salesrep').val(names[4]);
                    $('#add_at_category').val(names[5]);

                    // Code that is not working
                    if(names[6] == "Yes") {
                        $('#add_at_inv2_client').prop('readonly',false);
                        $('#add_at_inv2_client').prop('disabled',false);
                    } else {
                        $('#add_at_inv2_client').prop('readonly',true);
                        $('#add_at_inv2_client').prop('disabled',true);
                    }

                }               
            });
    </script>

Answer 2

Need following change in your code
// Code that is not working
if(names[6] == "Yes") //Change this if($(val(names[6])) == "Yes")
{
   $('#add_at_inv2_client').prop('readonly',false);
   $('#add_at_inv2_client').prop('disabled',false);
}
else
{
   $('#add_at_inv2_client').prop('readonly',true);
   $('#add_at_inv2_client').prop('disabled',true);
}

Javascript If语句在自动完成中不起作用

2 个答案: