Question

如果您创建的网页包含下拉菜单，但请勿选择选项：

<select id="countries">
  <option>France</option>
  <option>Germany</option>
</select>

$("#countries").find(":selected")不会返回任何内容。

然而：

$("<select id='countries'><option>France</option><option>Germany</option></select>").find(":selected")

返回：

<option>France</option>

为什么？

更新

没有问题。在我的页面上，我有<select size="5">，因此没有选择任何内容。 JQuery对应物确实按预期工作（它不会返回任何内容）：

$("<select id='countries' size='5'><option>France</option><option>Germany</option></select>").find(":selected")

Answer 1

只需将html selected属性添加到您的某个项目中：

<select id="countries">
  <option selected>France</option>
  <option>Germany</option>
</select>

更新jQuery代码：

$("<select id='countries'><option selected>France</option><option>Germany</option></select>").find(":selected");

Answer 2

检查这个小提琴jsFiddle。 $（“＃countries”）。find（“：selected”）返回第一个选项。

<select id="countries">
  <option>France</option>
  <option>Germany</option>
</select>

$("#countries").find(":selected") //returns first option.
$( "#countries option:selected" ).text() /// gets selected option too

Answer 3

我想要在页面加载时没有选择任何内容，只需添加并清空select的值，如下所示：

<select id="countries">
  <option selected="selected"></option>
  <option>France</option>
  <option>Germany</option>
</select>

jsFiddle Example

创建选择时，JQuery选择第一个选项

3 个答案: