javascript - 使用其名称而不是索引在组合框中设置选定值

Question

如果我像这样渲染组合框

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

如果 v.PersonName == 'John'，我如何在组合框中设置选定值

附注我知道我可以使用它的索引设置值

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

但在这种情况下我不知道索引，我只知道名称。

Answer 1

试试这个。

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