显示使用laravel/ajax选择的表单数据

jfewjypa  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(241)

我有下面的脚本显示了一个国家的所有城市。

<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="&nbsp;">&nbsp;</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 在表格上。
我的代码有什么问题?
如果你有任何想法,请帮忙。

46qrfjad

46qrfjad1#

我也面临着同样的问题——基于国家选择的首都名称秀。我解决了这个问题如下

$("#ville").append("<option value='"+html.data.ville+"'>"+html.data.ville+"</option>");

使用以下代码之前 ajax 要求

$('#ville').empty();

相关问题