更改后选择无法正确显示

Question

我无法在select中找到任何简单值更改的解决方案，代码在Chrome和IE中正确运行但在FF中不起作用

    <select id='testsel' name='test'>
      <option value="">-- select something --</option>
      <option value="1">selected</option>
    </select>

如果我尝试

    $('#testsel').val("1");

值已选中但未显示（您可以查看是否展开了选择）。有什么奇怪的

    $('#testsel').val();

返回“”（第一个值）

如果我尝试

，同样的问题

    $('#testsel > option[value="1"]').attr("selected", "selected");

但这次结果有点不同

    $('#testsel > option[value="1"]').attr("selected");

我看到“选中”作为结果，但屏幕上没有任何内容。

有什么想法吗？

Answer 1

您是否正在使用某些样式插件进行选择？

通常这些插件会替换元素，并且通过代码更改值不会反映在替换元素上。 （虽然我觉得奇怪，它确实适用于其他浏览器）

对于普通元素，您的示例代码应该有效（在评论中验证）。