0

我正在尝试使用 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>

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

4

4 回答 4

7

您应该使用:selected Selector来获取 selected option，然后.text()获取其名称。

var name = $('#categories option:selected').text();
于 2012-05-16T12:51:55.700 回答
2

尝试这个....

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

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

    });
});

希望它的帮助

于 2012-05-16T12:52:12.287 回答
0

我认为您正在寻找使用$("#categories").val()而不是.text().

示例：http: //jsfiddle.net/shanabus/wZAM7/

于 2012-05-16T12:53:08.417 回答
-1

阅读 jQuery 文档并在.change()函数中显示示例。

于 2012-05-16T12:51:36.640 回答