如何使用 ajax 更改所选选项 [关闭]

Posted 2023-03-05

【中文标题】如何使用 ajax 更改所选选项 [关闭]

【英文标题】：how to use ajax to change selected option [closed]

【发布时间】：2022-01-04 03:42:48

【问题描述】：

我有这个选择选项

<select class="form-select" aria-label="select-kondisi">
 <option selected>Kondisi</option>
 <option value="baik">Baik</option>
 <option value="rusak">Rusak</option>
</select>

这是我的ajax

$.ajax(
 
  headers: 
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  ,
  url: '/databarang/getubah',
  data: id_barang : id_barang,
  method: 'post',
  dataType: 'json',
  success: function(data)
    $('#kondisi').val(data.kondisi);
  
 );

我想要的是如何使用来自 var 数据的值从 ajax 中自动选择选项， 非常感谢

【问题讨论】：

方法看起来不错，但选择没有 jQuery 选择器中显示的 id。如果成功回调正在触发，也不清楚响应数据结构是什么

这似乎不是将 html 元素的值指定为 ajax 返回值的问题。基本上，您似乎不知道如何自动设置选择框的值。也许这会有所帮助。 ***.com/questions/78932/…

【参考方案1】：

没有名为“kondisi”的 id， 但您使用“kondisi”作为 id。

$('#kondisi').val(data.kondisi);

如下定义id

<select class="form-select" id="kondisi" aria-label="select-kondisi">
 <option selected>Kondisi</option>
 <option value="baik">Baik</option>
 <option value="rusak">Rusak</option>
</select>

【参考方案2】：

这是你的意思吗？可以只设置选择菜单的value：即：$('select.form-select').val('baik')

$(document).ready(function() 
  setTimeout(() => 
    $('select.form-select').val('baik');
  , 1000)
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-select" aria-label="select-kondisi">
  <option selected>Kondisi</option>
  <option value="baik">Baik</option>
  <option value="rusak">Rusak</option>
</select>