den Wert einer Option können Sie inneren Text mit jquery

Question

Ich bearbeite ich versucht ohne Erfolg, den Text von einer Option zu ändern, dies ist mein Code:

Ansicht

   <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'); 
    }, 

Nach der Ajax-Anfrage verliert mein Selektor alle Optionen, anstatt den Text in der Option mit der angegebenen ID zu ändern.

Answer 1

Sie versuchen, den Text der Auswahl sich zu ändern ... nicht die Option

Sollwert bei der Auswahl der dann für die neu gewählte Option suchen, es zu ändern ist Text

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

Answer 2

Kurz Beispiel Suche nach der ausgewählten Option und Änderung des Textes.

var $select = $('select'); 
 

 
$select.val("two").find('option:selected').text("Weee");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="test"> 
 
    <option value="one" selected>A</option> 
 
    <option value="two">B</option> 
 
    <option value="three">C</option> 
 
</select>