设置或选择文本的下拉列表文本:选择此处或任何其他文本

时间:2011-08-17 08:29:51

标签: javascript jquery

我想设置/选择基于我选择的文本的文本。例如,我有以下代码没有选择文本,而是在选项中添加另一行。

我有一个包含以下内容的下拉列表:

<select id="fruit">    <option value="">select here</option>    <option value="1">apple</option>    <option value="2">pineapple</option>    <option value="3">orange</option><select>

 $("#myList option:selected").text("pineapple");
 $("#myList option:selected").text("select here");

如何根据文字选择选项?

2 个答案:

答案 0 :(得分:0)

$("#fruit option:selected").text("pineapple");

你的jQuery中有错误的ID。

http://jsfiddle.net/ajthomascouk/f3k5X/

答案 1 :(得分:0)

如果您想根据其文字选择其中一个选项,您可以例如使用:http://jsfiddle.net/pimvdb/HGLZE/

此外,您有不同的ID,但可能正在运行,具体取决于您的方案。我只是将其更改为与您的HTML保持一致:

$("#fruit option").filter(function() { // filter options
    return $(this).text() === "pineapple"; // only get option with text "pineapple" back
}).attr("selected", true); // set that option selected