选择选项列表仅更改值而不是 JQuery 的活动标签答案

【问题标题】：Select Option list only changes is values but not the active label with JQuery选择选项列表仅更改值而不是 JQuery 的活动标签
【发布时间】：2014-02-17 15:37:47
【问题描述】：

我有以下动态生成的选择选项列表：

<select id="select-unidadeMedida" data-mini="true">
<%
/* gera select das unidades de medida dinâmicamente */
Iterator<Unidadesmedida> b = ColbrDatabase.getCollectionUnidadesmedida().iterator();
while (b.hasNext()) {
    Unidadesmedida unidademedida = b.next();
    out.println("<option value='" + unidademedida.getCodigoToText() + "'>" + unidademedida.getCodigoToText() + "</option>");
}
%>

我正在尝试使用 Jquery 更改列表的值，使用以下代码：

$("#select-unidadeMedida").val("teste");

这不能正常工作，所选选项的标签没有改变，但是，如果我打开列表，所选值是我使用 .val 方法设置的正确值...

我尝试过使用 text() 方法和不同的选择器，例如：$("#select-unidadeMedida option:selected")，但它也不起作用，

我错过了什么？

【问题讨论】：

$("select-unidadeMedida option:selected") 应该是 $("#select-unidadeMedida option:selected") 对吧？
@Wilmer ，是的，是的，我在帖子中犯了这个错误，但我已经在我的代码中进行了测试，但它没有用..
JQuery mobile - how to set the values of a multiple select? 的可能重复项

标签： java jquery jsp jquery-mobile

【解决方案1】：

看来您应该调用 change() 函数。请参阅 jQuery 的 API 文档中的小标题“从单选中获取单个值和从多选中获取值数组并显示它们的值”下的示例：

http://api.jquery.com/val/

【讨论】：

是的，我只是添加 $("#select-unidadeMedida").change();它奏效了，谢谢:)