jQuery .val() 在 ie8 中的选项？答案

【问题标题】：jQuery .val() on option in ie8?jQuery .val() 在 ie8 中的选项？
【发布时间】：2013-07-16 20:38:48
【问题描述】：

我正在向选择列表动态添加一个新选项，而我要做的就是选择它，因为它来自用户输入。奇怪的是，他们想要刚刚添加的新选项。

var msg = "an ajax return from a modal input that works";
$("#myselect").append( $('<option></option>').val(msg).html(msg) );

该项目确实被添加到选择中，但它没有被选中。

我只有 ie8 可以在 Internet 网络上进行测试和遵守...

这是浏览器的错误，还是我的代码错误？

我的理解是 .val() 应该选择它。

【问题讨论】：

【解决方案1】：

更改选项值不会将选择设置为该值，您必须设置选择值才能做到这一点

var msg = "an ajax return from a modal input that works";

$("#myselect").append( $('<option>' + msg + '</option>') ).val(msg);

或者您可以设置 selected 属性，但您必须确保没有选择其他选项：

var option = $('<option />', {text:msg, selected:'selected'});
$("#myselect").find('option').prop('selected', false).end().append( option );

【讨论】：

【解决方案2】：

您的代码错误。

您创建选项，但您从不选择它。

附加选项后，您可以在选择元素上调用.val() 来设置选择的选项。

在选项上调用.val() 会设置选项的值 – 选择该选项时选择的值。

【讨论】：

【解决方案3】：

您也可以$("#myselect:last")选择最后一个选项。

【讨论】：

【解决方案4】：

类似这样的：

var msg = "an ajax return from a modal input that works";
$("#myselect").append('<option value="'+msg+'" selected="selected">'+msg+'</option>');

【讨论】：