使用下拉选择选项文本填充输入文本

【问题标题】：Populate input text with drop down select option text使用下拉选择选项文本填充输入文本
【发布时间】：2012-10-04 18:41:07
【问题描述】：

我有一个分类广告网站，当用户从下拉列表中选择一些选项时，我希望在发布广告表单中显示该选项中的文本以自动填充输入字段。我设法使用 .val 获取该选择的值，但是当我使用 .text 时，输入字段会填充选择中可用的所有选项。我有一个演示可以更好地理解jsfiddle.net

【问题讨论】：

【解决方案1】：

如果您只想要选中的项目text，您必须像这样使用:selected 选择器：

var selected_item = $(":selected", this).text()

更多关于:selected Selector的信息

【讨论】：

这不是选择元素的正确方法，您应该使用this 作为context 来获取:selected 元素，$(':selected', this) - @ 987654324@

【解决方案2】：

要获取下拉列表的选定值，请使用 val() 而不是 text()。变化：

var selected_item = $(this).text()

到

 var selected_item = $(this).val()

【讨论】：