无法从文本框传递值以选择输入

Question

在我的代码中，我有以下行来从文本框输入中获取值，并根据此值在select输入中设置一个选项。

var category_name = jQuery('.categoryNameTextbox').val();    

//alert(category_name);

jQuery('.categoryDropdown').val(category_name);

我可以成功获得“category_name”，但我无法在select输入中设置该选项。但是，如果我使用以下行进行测试，我可以将“租借”设置为选择输入中的选定选项。

jQuery('.categoryDropdown').val("rent");

任何人都知道这里发生了什么？提前谢谢。

这是我的代码。我的目的是根据文本框中的值

在下拉列表中设置选定选项

<select class="categoryDropdown"><option value="">Select</option><option value="buy">Buy</option><option value="sell">Sell</option><option value="rent">Rent</option></select><div style="display: none;"><input type="text" class="categoryNameTextbox" value="rent"></div>

Answer 1

我假设想要从文本输入中获取所选的选项文本值。如果您的问题涉及选项value=""而非文字，则只需将text替换为以下代码中的val。

var $textbox = $('input').val();
$('select option:selected').text($textbox);

检查http://jsfiddle.net/TLw3G/

处的工作示例

Answer 2

好的，我发现了我的问题。由于值从文本框中获取了空格，因此选项

中的值之间不匹配