选择 select 选项 jQuery 无效

Question

我正在尝试使用 jQuery 将下拉菜单的选项之一设置为 selected 选项。这是我试过的：（代码在文档就绪块中）

if($.cookie("regio"))
{
    $('#regio option[value="'+ $.cookie("regio") +'"]').prop('selected', true);
}

这是 HTML 代码：

<select class="form-control" id="regio">
<!-- Here are some options -->
</select>

此后没有任何反应。我已经使用 firebug 调试了所有值，并且 cookie 确实对应于 select 值之一。可能是什么问题？

Answer 1

$('#regio').val($.cookie("regio"))

片段中的示例：

$("select").val("Second")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select>
  <option value="First">First option</option>
  <option value="Second">Second option</option>
  <option value="Third">Third option</option>
  <option value="Forth">Forth option</option>
</select>

Answer 2

$.cookie("regio") return 是字符串值吗？如果不是，您需要在连接之前将 returned 值转换为字符串。否则，像这样：

var foo = 1 + "34";

将评估为“134”而不是可能需要的“35”；

选择 select 选项 jQuery 无效

Selecting a select option with jQuery not working

javascript

jquery

dropdown