jquery - 使用选项的值通过 jquery 编辑内部文本

Question

我试图更改选项中的文本但没有成功，这是我的代码:

查看

               <select id="plano">
                  <option selected>Chose plan...</option>
                     @foreach($foodplans as $foodplan)
                      <option value="{{$foodplan->id}}">{{$foodplan->name}}</option>
                     @endforeach
                 </select> 

Jquery

success: function (plan) {

        $('#plano').val(plan.id).text(plan.name); // the problem here! 

        $('#myEditModal').modal('hide');
    },

在 ajax 请求之后，我的选择器将丢失所有选项，而不是更改具有指定 id 的选项中的文本。

Answer 1

您正在尝试更改选择本身的文本...而不是选项

在选择时设置值，然后查找新选择的选项以更改其文本

$('#plano').val(plan.id).find('option:selected').text(plan.name);