Jquery：如何以编程方式选择li元素中的选项

Question

我想按文字选择一个选项。 这是我的javascript函数。我试过两种方法，但没有运气。 感谢帮助。谢谢。

function preselect(selectedText)
{
     //not ok
     $('#item1 .partDesc').val(selectedText);

     //not ok either
     $('#item1 .partDesc option[value='+ selectedText +']').attr('selected', 'selected');
}

<ul id="myUL">
   <li id="item1">
      <select class="partDesc"><option>Front</option><option>Rear</option></select>
      <input type="text" class="itemDesc">
      <img src="images/myimg.jpg" class="itemImg" > 
   </li>
   <li id="item2">
      <select class="partDesc"><option>Front</option><option>Rear</option></select>
      <input type="text" class="itemDesc">
      <img src="images/myimg.jpg" class="itemImg" > 
   </li>
</ul>

Answer 1

您正在寻找的是:contains() selector.

var myOption = $('#item1 .partDesc option:contains(' + selectedText + ')');

Answer 2

我希望这会有所帮助

$(document).ready(function(){
    $('.itemDesc').keyup(function(){
        var defaultSelection = "Front";
        var element = $(this).parents("li").find('.partDesc');
        element.val($(this).val());
        if(element.val()==null){
            element.val(defaultSelection);
        };
    });
});