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