我有下面的脚本显示了一个国家的所有城市。
<script type="text/javascript">
$(document).ready(function(){
$("#pays").change(function(){
/* let country_id = this.value;*/
let country_id = $(this).find("option:selected").data("id");
$.get('/getState/'+country_id,function(data){
$("#ville").html(data);
});
});
});
</script>
以及以下观点:
<div class="form-row">
<div class="col-sm-6">
<label>Pays</label>
<select class="form-control select2-single" data-width="100%" name="pays" id="pays">
<option label=" "> </option>
@foreach($countries as $country)
<option data-id="{{$country->id}}" value="{{$country->name}}">{{$country->name}}</option>
@endforeach
</select>
</div>
<div class="col-sm-6">
<label>Ville</label>
<select class="form-control select2-single" data-width="100%" name="ville" id="ville">
</select>
</div>
</div>
我正在尝试更新数据,因此我应该在表单中显示数据,因此我使用以下脚本:
$(document).on('click', '.edit', function(){
var id = $(this).attr('id');
console.log(id);
$('#form_result').html('');
$.ajax({
url:"castingss/"+id+"/edit",
dataType:"json",
type:"GET",
success:function(html){
console.log(html);
$('#pays').val(html.data.pays);
$('#pays').trigger('change');
$('#ville').val(html.data.ville);
$('#ville').trigger('change');
$('#hidden_id').val(html.data.id);
$('.modal-title').text("Modifier les informations d'un casting/influenceur");
$('#action_button').val("Modifier");
$('#action').val("Modifier");
$('#formModal').modal('show');
}
})
});
但我得到了以下结果:
我不能显示这个屏幕 ville value
在表格上。
我的代码有什么问题?
如果你有任何想法,请帮忙。
1条答案
按热度按时间46qrfjad1#
我也面临着同样的问题——基于国家选择的首都名称秀。我解决了这个问题如下
使用以下代码之前
ajax
要求