Fatal编程技术网
  • php/
  • Php 使用jqueryajax选择dependent下拉列表并显示所选值

Php 使用jqueryajax选择dependent下拉列表并显示所选值

php jquery ajax database

Php 使用jqueryajax选择dependent下拉列表并显示所选值,php,jquery,ajax,database,laravel-5.4,Php,Jquery,Ajax,Database,Laravel 5.4,我想单独获取每个实验室测试的成本，但它给了我所有的成本。我尝试过使用->first（）；和->第一（['cost']）；在控制器中，但收到类似“响应内容必须是实现_toString（）的字符串或对象”，“对象”给定”之类的错误。 我正在我的项目中实现依赖下拉选择框 Controller Test.php Route.php medicinecost.blade.php 实验室成本 选择实验室类别 @if（isset（$lab_类别）） @foreach（实验室类别为$lb） {{$lb->ca

我想单独获取每个实验室测试的成本，但它给了我所有的成本。我尝试过使用->first（）；和->第一（['cost']）；在控制器中，但收到类似“响应内容必须是实现_toString（）的字符串或对象”，“对象”给定”之类的错误。 我正在我的项目中实现依赖下拉选择框

Controller Test.php

Route.php

medicinecost.blade.php


实验室成本


选择实验室类别
@if（isset（$lab_类别））
@foreach（实验室类别为$lb）
{{$lb->category_name}
@endforeach
@恩迪夫
选择实验室子类别
选择实验室测试


$（文档）.ready（函数（）{
$（'#labC'）。on（'change'，function（）{
var labCategId=$（this.val（）；
如果（labCategId）{
$.ajax({
正在处理：“true”，
服务器端：“true”，
url:'get_lab_sub'，
类型：“POST”，
数据：{labCategId:labCategId，“_-token”：“{{csrf_-token（）}}”，
数据类型：“json”，
成功：功能（数据）{
如果（数据）{
$（'#labS'）.empty（）；
$。每个（数据、函数（键、值）{
$（“#实验室”）.append（“”+value.sub_category_name+“”）；
});
}
},
});
}否则{
$（'select[name=“labS”]”）。空（）；
}
});
$（'#labS'）。on（'change'，function（）{
var labSubId=$（this.val（）；
if（labSubId）{
$.ajax({
正在处理：“true”，
服务器端：“true”，
url:'get_lab_sub_cat'，
类型：“POST”，
数据：{labSubId:labSubId，“_-token”：“{{csrf_-token（）}}}”，
数据类型：“json”，
成功：功能（数据）{
如果（数据）{
$（'#labT'）.empty（）；
$。每个（数据、函数（键、值）{
$（'#labT'）。追加（''+value.lab_name+''）；
});
}
否则{
$（'#labT'）.empty（）；
}
}
});
}
})
$（'#labT'）。on（'change'，function（）{
var lab_test_cost_id=$（this.val（）；
if（实验室测试成本id）{
$.ajax({
正在处理：“true”，
服务器端：“true”，
url:“获取实验室成本”，
类型：“POST”，
数据：{labtid:lab_test_cost_id，“_token”：“{{csrf_token（）}}”，
数据类型：“json”，
成功：功能（数据）{
如果（数据）{
//$（'#labT'）.empty（）；
$。每个（数据、函数（键、值）{
$（“#testCost”）.append（“
“+value.cost+”
”）；
//$（“#testCost”）.append（“
“+value.cost+”
”）；
});
}
}
});
}
});
});
每当我从第三个下拉列表中选择lab_test时，它应该显示Perticular lab_tests的成本，而不是显示所有成本。

尝试以下方法：

 <body>
    <h1><p>Lab Cost</p></h1><br>
    <div class="container">
        <div class="col-lg-3">
            <div class="form-group">
                <select name="labCat" id="labC" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Category</option>
                        @if(isset($lab_category))
                            @foreach($lab_category as $lb)
                                <option value="{{$lb->lab_category_id}}">{{$lb->category_name}}</option>
                            @endforeach
                        @endif
                </select>
            </div>
            <div class="form-group">
                <select name="labSub" id="labS" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Sub Category</option>
                </select>
            </div>
            <div class="form-group">
                <select name="labTest" id="labT" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Test</option>
                </select>
            </div>
            <div class="col-md-2"><span id="loader"><i class="fa fa-spinner fa-3x fa-spin"></i></span></div>
        </div>

    </div>
    <div>
        <p id="testCost"></p>
    </div>
    <script>

    $(document).ready(function() {

        $('#labC').on('change', function(){
            var labCategId = $(this).val();
            $('#labS').html('');
            $('#labS').append('<option value="0" disabled="true" selected="true">Select Lab Sub Category</option>');
            $('#labT').html('');
            $('#labT').append('<option value="0" disabled="true" selected="true">Select Lab Test</option>');
            if(labCategId) {
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',
                    url: 'get_lab_sub',
                    type:"POST",
                    data : {labCategId:labCategId,"_token":"{{ csrf_token() }}"},
                    dataType:"json",

                    success:function(data) {
                        if(data){
                            $.each(data, function(key, value){
                                $('#labS').append('<option value="'+value.lab_sub_category_id+'">' + value.sub_category_name + '</option>');

                            });
                        }else {
                            $('#labS').empty();
                        }

                    },

                });
            } else {
                $('select[name="labS"]').empty();
            }

        });

        $('#labS').on('change' ,function () {
            var labSubId = $(this).val();
           $('#labT').html('');
           $('#labT').append('<option value="0" disabled="true" selected="true">Select Lab Test</option>');

            if(labSubId){
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',
                    depends : ['#labC'],
                    url :'get_lab_sub_cat',
                    type:"POST",
                    data :{ labSubId:labSubId,"_token":"{{ csrf_token() }}"},
                    dataType: "json",
                    success:function (data) {
                        if(data){
                            $.each(data, function(key, value){
                                $('#labT').append('<option value="'+ value.lab_test_id +'">' + value.lab_name + '</option>');
                            });
                        }
                        else {
                            $('#labT').empty();
                        }
                    }
                });
            }

        })
       $('#labT').on('change' ,function () {
            var lab_test_cost_id = $(this).val();
            if(lab_test_cost_id){
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',

                    url :'get_lab_cost_rs',
                    type:"POST",
                    data :{ labtid:lab_test_cost_id,"_token":"{{ csrf_token() }}"},
                    dataType: "json",
                    success:function (data) {
                        if(data){
                            $.each(data, function(key, value){
                                $('#testCost').append('<h5>The Lab Cost is </h5><p value="'+value.lab_test_id +'"> '+ value.cost + '</p>');
                            });
                        }
                    }
                });
            }
        });

    });
    </script>
    </body>


实验室成本


选择实验室类别
@if（isset（$lab_类别））
@foreach（实验室类别为$lb）
{{$lb->category_name}
@endforeach
@恩迪夫
选择实验室子类别
选择实验室测试


$（文档）.ready（函数（）{
$（'#labC'）。on（'change'，function（）{
var labCategId=$（this.val（）；
$（'#labS'）.html（''）；
$（“#实验室”）.append（'Select Lab Sub-Category'）；
$（'#labT'）.html（''）；
$（'#labT'）。追加（'Select Lab Test'）；
如果（labCategId）{
$.ajax({
正在处理：“true”，
服务器端：“true”，
url:'get_lab_sub'，
类型：“POST”，
数据：{labCategId:labCategId，“_-token”：“{{csrf_-token（）}}”，
数据类型：“json”，
成功：功能（数据）{
如果（数据）{
$。每个（数据、函数（键、值）{
$（“#实验室”）.append（“”+value.sub_category_name+“”）；
});
}否则{
$（'#labS'）.empty（）；
}
},
});
}否则{
$（'select[name=“labS”]”）。空（）；
}
});
$（'#labS'）。on（'change'，function（）{

Route::get('labdetails','Test@cost');
Route::post('get_lab_sub','Test@costSub');
Route::post('get_lab_sub_cat','Test@costTest');
Route::post('get_lab_cost_rs','Test@labTestprice');



 <body>
    <h1><p>Lab Cost</p></h1><br>
    <div class="container">
        <div class="col-lg-3">
            <div class="form-group">
                <select name="labCat" id="labC" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Category</option>
                        @if(isset($lab_category))
                            @foreach($lab_category as $lb)
                                <option value="{{$lb->lab_category_id}}">{{$lb->category_name}}</option>
                            @endforeach
                        @endif
                </select>
            </div>
            <div class="form-group">
                <select name="labSub" id="labS" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Sub Category</option>
                </select>
            </div>
            <div class="form-group">
                <select name="labTest" id="labT" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Test</option>
                </select>
            </div>
            <div class="col-md-2"><span id="loader"><i class="fa fa-spinner fa-3x fa-spin"></i></span></div>
        </div>

    </div>
    <div>
        <p id="testCost"></p>
    </div>
    <script>

    $(document).ready(function() {

        $('#labC').on('change', function(){
            var labCategId = $(this).val();
            if(labCategId) {
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',
                    url: 'get_lab_sub',
                    type:"POST",
                    data : {labCategId:labCategId,"_token":"{{ csrf_token() }}"},
                    dataType:"json",

                    success:function(data) {
                        if(data){
                            $('#labS').empty();

                            $.each(data, function(key, value){
                                $('#labS').append('<option value="'+value.lab_sub_category_id+'">' + value.sub_category_name + '</option>');

                            });
                        }

                    },

                });
            } else {
                $('select[name="labS"]').empty();
            }

        });

        $('#labS').on('change' ,function () {
            var labSubId = $(this).val();
                if(labSubId){
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',
                    url :'get_lab_sub_cat',
                    type:"POST",
                    data :{ labSubId:labSubId,"_token":"{{ csrf_token() }}"},
                    dataType: "json",
                    success:function (data) {
                        if(data){
                            $('#labT').empty();
                            $.each(data, function(key, value){

                                $('#labT').append('<option value="'+ value.sub_category_id +'">' + value.lab_name + '</option>');

                            });
                        }
                        else {
                            $('#labT').empty();
                        }
                    }
                });
            }

        })
       $('#labT').on('change' ,function () {
            var lab_test_cost_id = $(this).val();
              if(lab_test_cost_id){
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',
                    url :'get_lab_cost_rs',
                    type:"POST",
                    data :{ labtid:lab_test_cost_id,"_token":"{{ csrf_token() }}"},
                    dataType: "json",
                    success:function (data) {
                        if(data){
                            //$('#labT').empty();
                            $.each(data, function(key, value){
                                $('#testCost').append('<p value="'+value.lab_test_id +'"> '+ value.cost + '</p>');
                                //$('#testCost').append('<p value="'+value.lab_test_id+'">'+value.cost+'</p>');
                            });
                        }
                    }
                });
            }
        });

    });
    </script>
    </body>



 <body>
    <h1><p>Lab Cost</p></h1><br>
    <div class="container">
        <div class="col-lg-3">
            <div class="form-group">
                <select name="labCat" id="labC" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Category</option>
                        @if(isset($lab_category))
                            @foreach($lab_category as $lb)
                                <option value="{{$lb->lab_category_id}}">{{$lb->category_name}}</option>
                            @endforeach
                        @endif
                </select>
            </div>
            <div class="form-group">
                <select name="labSub" id="labS" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Sub Category</option>
                </select>
            </div>
            <div class="form-group">
                <select name="labTest" id="labT" class="form-control">
                    <option value="0" disabled="true" selected="true">Select Lab Test</option>
                </select>
            </div>
            <div class="col-md-2"><span id="loader"><i class="fa fa-spinner fa-3x fa-spin"></i></span></div>
        </div>

    </div>
    <div>
        <p id="testCost"></p>
    </div>
    <script>

    $(document).ready(function() {

        $('#labC').on('change', function(){
            var labCategId = $(this).val();
            $('#labS').html('');
            $('#labS').append('<option value="0" disabled="true" selected="true">Select Lab Sub Category</option>');
            $('#labT').html('');
            $('#labT').append('<option value="0" disabled="true" selected="true">Select Lab Test</option>');
            if(labCategId) {
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',
                    url: 'get_lab_sub',
                    type:"POST",
                    data : {labCategId:labCategId,"_token":"{{ csrf_token() }}"},
                    dataType:"json",

                    success:function(data) {
                        if(data){
                            $.each(data, function(key, value){
                                $('#labS').append('<option value="'+value.lab_sub_category_id+'">' + value.sub_category_name + '</option>');

                            });
                        }else {
                            $('#labS').empty();
                        }

                    },

                });
            } else {
                $('select[name="labS"]').empty();
            }

        });

        $('#labS').on('change' ,function () {
            var labSubId = $(this).val();
           $('#labT').html('');
           $('#labT').append('<option value="0" disabled="true" selected="true">Select Lab Test</option>');

            if(labSubId){
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',
                    depends : ['#labC'],
                    url :'get_lab_sub_cat',
                    type:"POST",
                    data :{ labSubId:labSubId,"_token":"{{ csrf_token() }}"},
                    dataType: "json",
                    success:function (data) {
                        if(data){
                            $.each(data, function(key, value){
                                $('#labT').append('<option value="'+ value.lab_test_id +'">' + value.lab_name + '</option>');
                            });
                        }
                        else {
                            $('#labT').empty();
                        }
                    }
                });
            }

        })
       $('#labT').on('change' ,function () {
            var lab_test_cost_id = $(this).val();
            if(lab_test_cost_id){
                $.ajax({
                    processing : 'true',
                    serverSide : 'true',

                    url :'get_lab_cost_rs',
                    type:"POST",
                    data :{ labtid:lab_test_cost_id,"_token":"{{ csrf_token() }}"},
                    dataType: "json",
                    success:function (data) {
                        if(data){
                            $.each(data, function(key, value){
                                $('#testCost').append('<h5>The Lab Cost is </h5><p value="'+value.lab_test_id +'"> '+ value.cost + '</p>');
                            });
                        }
                    }
                });
            }
        });

    });
    </script>
    </body>