مرجع تخصصی برنامه نویسان

بزرگترین انجمن برنامه نویسان فارسی زبان

مشکل نمایش شهرهای هر استان در مرورگر کروم

شنبه, 25 آبان 1398 08:45

مشکل نمایش شهرهای هر استان در مرورگر کروم

سلام . من یه کد نوشتم که برای استان ها و شهر ها که با انتخاب هر استان از لیست کشویی شهر های مربوط به اون استان در لیست کشویی دیگری نمایش داده بشه . اما این کد توی مرورگر کروم کار نمیکنه یعنی استان ها رو نشون میده ولی شهر ها رو نشون نمیده...با ایجکس نوشتم ...این کدی هست که نوشتم...

<script>
        
        function cityOfState(){

            var stateopt = document.getElementById("stat_id");
            var citySelect=document.getElementById("City_id");
            var state_id = stateopt.options[stateopt.selectedIndex].value;

            document.getElementById('City_id').options.length = 0;

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                },
                type: 'POST',
                url: '/CityOfState',
                data: {'state_id': state_id},
                success: function (data){
                    console.log(data);
    
                    for (var i =0; i < citySelect.length -1 ; i++) {
                        citySelect.remove(i);
                    }

                    for(var i=0;i<data.length;i++)
                    {
                       var cityopt = document.createElement("option");

                        cityopt.appendChild( document.createTextNode(data[i]['name']) );

                        // set value property of opt
                        cityopt.value = data[i]['id']; 


                       // then append it to the select element
                       citySelect.appendChild(cityopt);
                    }

                },
                error: function(e) {
                    console.log(e);
                }});
        }
    </script>

ارسال پاسخ برای این تاپیک

ارسال پاسخ مخصوص اعضا سایت می باشد ! میتوانید با حساب کاربری خود وارد سایت شده یا ثبت نام کنید