Jquery:获取选项字段的名称

Question

我正在尝试使用jquery将所选html表单选项字段的名称复制到另一个字段.
这就是我现在得到的:

脚本

$(document).ready(
function()
{
    //check for change on the categories menu
    $('#categories').change(function() { 

    //get category value
    name = $('#categories').text();
    $('#name').val(name)

});

});

HTML

<form action="editcat.pnp" method="post" accept-charset="utf-8">
<table>
<tr>
<td><label for="category">Category:</label></td><td><select name="category_id"     id="categories">
<option value="1">Info</option>
<option value="2">Resr</option>
<option value="3">Pro</option>
<option value="4">Geo</option>
<option value="5">Site's</option>
<option value="6">Well</option>
<option value="7">Link</option>
<option value="#" selected="selected">Please select</option>
</select></td>
</tr>
<tr>
<tr>
<td><label for="name">Name:</label></td><td><input name="name" type="text" size="40" maxlength="40" id="name"></td>
</tr>
<tr>
<td></td><td><input type="submit" value="Update"> <input type="reset"></td>
</tr>
</table>
</form>

问题是名称字段现在包含选项下拉列表中的所有名称,而不仅仅是我选择的名称.

Answer 1

您应该使用:选择的选择器进行选择option,然后.text()获取其名称.

var name = $('#categories option:selected').text();