jquery - 使用 Laravel /jQuery 在选择框和隐藏输入上显示数据

Question

我有以下选择框：

$.ajaxSetup({
  headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  }
});
$(document).ready(function() {
  /*     $('#date_naissance').change(function (evt) {*/
  $(document).on('change', '#artiste', function(evt) {



    var autres = document.querySelector('.autre');

    var a = evt.target.value;
    /* alert(a);*/
    if (a == "Autres") {
      autres.removeAttribute('hidden');

    } else {
      autres.setAttribute('hidden', true);

    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<select class="form-control select2-single" data-width="100%" name="artiste" id="artiste">
  <option label="&nbsp;">&nbsp;</option>

  <option data-id="Artiste" value="Artiste">Artiste</option>
  <option data-id="Influenceur" value="Influenceur">Influenceur</option>
  <option data-id="Consultant" value="Consultant">Consultant</option>
  <option data-id="Casting" value="Casting">Casting</option>
  <option data-id="Figurant" value="Figurant">Figurant</option>
  <option data-id="Développeur" value="Développeur">Développeur</option>
  <option data-id="Créateur de contenu" value="Créateur de contenu">Créateur de contenu</option>
  <option data-id="Chanteur" value="Chanteur">Chanteur</option>
  <option data-id="Compositeur" value="Compositeur">Compositeur</option>
  <option data-id="Autres" value="Autres">Autres</option>

</select>
</br>
<div class="form-group col-md-6">

  <input class="form-control autre" id="autres" name="autres" placeholder="" hidden></textarea>


</div>

如您所见，当我单击“Autres”时会显示一个输入，因此当所选选项为 时，我将输入的值存储在我的数据库中"Autres"。

不，我正在尝试编辑数据，所以我需要获取数据并将其显示在我的表单中，所以我使用以下代码：

$(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);
            $('#artiste').val(html.data.artiste);
            $('#artiste').trigger('change'); 
             $('#autres').trigger($('#artiste').trigger('change')); 
           }
          })
         });

问题是当从数据库中提取的值与隐藏输入不显示的选择框的选项不同时。

如果您对如何显示与隐藏输入中的选择框选项不同的值提取有任何想法。

标签： jqueryajax