首页 \ 问答 \ 从for循环中选择下拉选项(Selecting a dropdown option from a for loop)

从for循环中选择下拉选项(Selecting a dropdown option from a for loop)

 我有以下循环。 如果数据值在下拉列表中，则会看到它是否显示为已选中。 
 

for (var i in data) {
    $("#optionDropdwon option:contains(data[i])").prop("selected", true);
    console.log(data[i])
}

 

 当我用:contains()中的data[i]替换实际字符串即“xyz”时，它工作正常，但当我用data[i]替换它时，没有任何反应。 然而我可以看到console.log(data[i])向我展示了正确的值。 我搜索了Stackoverflow但找不到像我在做的事情。 
 

 请让我知道我在哪里犯了错误。 谢谢 

I have following for loop. Which sees if the data value is in the dropdown if so it will show it as selected.
 

for (var i in data) {
    $("#optionDropdwon option:contains(data[i])").prop("selected", true);
    console.log(data[i])
}

 

It works fine when I replace data[i] in the :contains() with an actual string i.e "xyz" but when I replace it with data[i] nothing happens. Yet I can see console.log(data[i]) shows me the proper values. I searched Stackoverflow but couldn't find something like what I am doing. 
 

Please let me know where I am making a mistake. Thanks 

原文：https://stackoverflow.com/questions/21103731
更新时间：2022-07-21 17:07

最满意答案

 检查这个例子..一切都轻松完成http://jsfiddle.net/GHzfD/ 
 

 编辑 ：更新/工作于2013年7月02日： jsfiddle.net/GHzfD/357 
 

#webmenu{
    width:340px;
}

<select name="webmenu" id="webmenu">
    <option value="calendar" title="http://www.abe.co.nz/edit/image_cache/Hamach_300x60c0.JPG"></option>
    <option value="shopping_cart" title="http://www.nationaldirectory.com.au/sites/itchnomore/thumbs/screenshot2013-01-23at12.05.50pm_300_60.png"></option>
    <option value="cd" title="http://www.mitenterpriseforum.co.uk/wp-content/uploads/2013/01/MIT_EF_logo_300x60.jpg"></option>
    <option value="email"  selected="selected" title="http://annualreport.tacomaartmuseum.org/sites/default/files/L_AnnualReport_300x60.png"></option>
    <option value="faq" title="http://fleetfootmarketing.com/wp-content/uploads/2013/01/Wichita-Apartment-Video-Tours-CTA60-300x50.png"></option>
    <option value="games" title="http://krishnapatrika.com/images/300x50/pellipandiri300-50.gif"></option>
</select>

$("body select").msDropDown();


Check this example .. everything has been done easily http://jsfiddle.net/GHzfD/
 

EDIT: Updated/working as of 2013, July 02: jsfiddle.net/GHzfD/357
 

#webmenu{
    width:340px;
}

<select name="webmenu" id="webmenu">
    <option value="calendar" title="http://www.abe.co.nz/edit/image_cache/Hamach_300x60c0.JPG"></option>
    <option value="shopping_cart" title="http://www.nationaldirectory.com.au/sites/itchnomore/thumbs/screenshot2013-01-23at12.05.50pm_300_60.png"></option>
    <option value="cd" title="http://www.mitenterpriseforum.co.uk/wp-content/uploads/2013/01/MIT_EF_logo_300x60.jpg"></option>
    <option value="email"  selected="selected" title="http://annualreport.tacomaartmuseum.org/sites/default/files/L_AnnualReport_300x60.png"></option>
    <option value="faq" title="http://fleetfootmarketing.com/wp-content/uploads/2013/01/Wichita-Apartment-Video-Tours-CTA60-300x50.png"></option>
    <option value="games" title="http://krishnapatrika.com/images/300x50/pellipandiri300-50.gif"></option>
</select>

$("body select").msDropDown();

相关问答

更多