Mozilla：选择的选项不会使用jquery覆盖之前选择的选项。

Question

我有多个选项的下拉列表。已选择第一个选项作为后续条件，根据条件选择另一个选项，它在HTML代码中发生但在浏览器上显示第一个选项。案件工作正常与铬，但在莫扎拉不工作。找到下面的代码。

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>

仍然在用户界面上

提前感谢。

Answer 1

我得到了解决方案但仍然希望得到更多答案并澄清没有我的答案

我找到了使用 .prop

的实例 .attr 的解决方案

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

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

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