Einstellung ausgewählter Wert innerhalb Combobox mit seinem Namen nicht Index

Question

Wenn ich Combobox Rendering wie diese

$('#MyCombo').html('<option value=""></option>'); 
    $.each(mydata, function (i, v) { 
     $('#MyCombo').append('<option value="' + v.PersonId+ '">' + v.PersonName + '</option>'); 
    }); 

wie kann ich Wert innerhalb Combobox ausgewählt gesetzt, wenn v.PersonName == 'John'

P. S. Ich weiß, dass ich es den Wert mit Index

$('#MyCombo').prop('selectedIndex', 2); 

aber in diesem Fall einstellen kann, weiß ich nicht den Index, ich kenne nur den Namen.

Answer 1

Eine einfache Antwort

$('#MyCombo').html('<option value=""></option>'); 
    $.each(mydata, function (i, v) { 
     if (v.PersonName== 'John') 
      $('#MyCombo').append('<option selected value="' + v.PersonId+ '">' + v.PersonName + '</option>'); 
     else 
      $('#MyCombo').append('<option value="' + v.PersonId+ '">' + v.PersonName + '</option>'); 
    }); 

Answer 2

Sie können es tun, wie diese

$('#MyCombo').html('<option value=""></option>'); 
$.each(mydata, function (i, v) 
{ 
    if(v.PersonName == 'John') 
    { 
     $('#MyCombo').append('<option value="' + v.PersonId + '"selected>' + v.PersonName + '</option>'); 
    } 
    else 
    { 
     $('#MyCombo').append('<option value="' + v.PersonId + '">' + v.PersonName + '</option>'); 
    } 
};   

Answer 3

bereits.

$('#MyCombo').html('<option value=""></option>'); 
$.each(mydata, function (i, v) { 
    $('#MyCombo').append('<option value="' + v.PersonId + '" '+ 
         (v.PersonName == 'John ')? 'selected ' : '' +'>' + 
         v.PersonName + '</option>'); 
}); 

Answer 4

Sie können die jQuery.prop() Funktion verwenden. Ich mag das mehr, als zweimal das komplette HTML zu schreiben.

Example on jsFiddle

var options = [ 
    { value: 'foo', label: 'Lorem' }, 
    { value: 'bar', label: 'Ipsum' }, 
    { value: 'juice', label: 'Orange' } 
]; 

$.each(options, function() { 
    var option = $('<option/>') 
     .text(this.label) 
     .val(this.value); 

    if (this.value == 'bar') { 
     option.prop('selected', 'selected'); 
    } 

    option.appendTo($('select')); 
}); 

Answer 5

Sie können ganz einfach tun dies als

$('#MyCombo').html('<option value=""></option>'); 
    $.each(mydata, function (i, v) { 
     $('#MyCombo').append('<option value="' + v.PersonId+ '">' + v.PersonName + '</option>'); 
    }); 
$('#MyCombo').value = "Jhon'sId"; 

Answer 6

$('#MyCombo option').filter(function() { 
    return $(this).html() == "John"; 
}).prop('selected', true);