Mozilla：选择的选项不会被先前使用 jquery 选择的选项覆盖。答案

【问题标题】：Mozilla: Selected option is not overwriting with previous selected one using jquery.Mozilla：选择的选项不会被先前使用 jquery 选择的选项覆盖。
【发布时间】：2018-05-02 08:40:19
【问题描述】：

我有多个选项的下拉菜单。已根据条件选择了第一个选项，稍后选择另一个选项，它发生在 HTML 代码中，但在显示第一个的浏览器上被选中。案例与 chrome 一起工作正常，但在 mozilla 中无法正常工作。找到下面的代码。

var selectOption = "<option value='1' >1st option</option>";    
var selectOption = "<option value='-1' selected>--Select vehicle--</option>";
$('select[id$=ddlServiceVehicle]').prepend(selectOption);

现在根据条件使用 jquery 来选择第一个选项。

    if(//condition)
     {
       $('select[id$=ddlServiceVehicle] option[value=1]').attr("selected","selected");
     }

但在 UI 上显示已选择的 --选择车辆-- 选项。仅适用于 Mozilla。

当我检查找到的元素时

<option value='-1'>--Select vehicle--</option>
<option value='1' selected="selected">1st option</option>

仍在用户界面上

提前致谢。

【问题讨论】：

标签： javascript jquery asp.net html-select dropdown

【解决方案1】：

我得到了解决方案，但仍然期待更多答案和澄清，没有我的答案

我找到了使用 .prop

声明 .attr 的解决方案

$('select[id$=ddlServiceVehicle] option[value=1]').attr("selected","selected");

$('select[id$=ddlServiceVehicle] option[value=1]').prop("selected","selected");

它对我有用。但如果有任何一次可以提供不同的答案，我将不胜感激。

【讨论】：