سلام . من یه کد نوشتم که برای استان ها و شهر ها که با انتخاب هر استان از لیست کشویی شهر های مربوط به اون استان در لیست کشویی دیگری نمایش داده بشه . اما این کد توی مرورگر کروم کار نمیکنه یعنی استان ها رو نشون میده ولی شهر ها رو نشون نمیده...با ایجکس نوشتم ...این کدی هست که نوشتم...
<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>
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)