Jquery从选项菜单中获取表单值

Question

我使用了HTML列表，但是当我尝试获取列表中的项目时，它只返回“1”而不是我输入的选项。

列表如下：

<strong>Gender:</strong><span>
<select id="gender">
<option value="male">male</option>
<option value="female">female</option>
</select>
</span>

但是当我试图在jquery中获取它的值时，就像这样：

gen = $( "#gender option:selected" ).text();

两个选项只返回1。我做错了什么？

Answer 1

将.val()与选择选择器一起使用：

var value=$("#gender").val();

<强> Demo

Answer 2

从表单字段中获取值使用val()而不是text()

gen = $("#gender).val();