尝试编辑模式时选择选项无法正确加载

Question

当我尝试从表格进行编辑并将值转换为模态表单时遇到了这个问题，一切正常，但有时无法加载选项值。

这是我用来获取值并加载它们的代码部分

$("#nombrePlazaUS > option[value=" + idLocacion + "]").attr("selected", true);
$("#nombreTipoUS > option[value=" + idTipoUser + "]").attr("selected", true);
$("#descripcionUS > option[value=" + idtipodePersona + "]").attr("selected", true);

在 HTML 中你可以看到我使用了value="0" 作为默认值：

<div class="labelModal">
    <label>Locacion</label>
    <select id="nombrePlazaUS" name="nombrePlazaUS">
        <option value="0" selected>Seleccione la locacion</option>
    </select>
</div>
<div class="labelModal">
    <label>Tipo de Empleado</label>
    <select id="nombreTipoUS" name="nombreTipoUS">
        <option value="0" selected>Seleccione el tipo de usuario</option>
    </select>
</div>
<div class="labelModal">
    <label>Tipo de usuario</label>
    <select id="descripcionUS" name="descripcionUS">
        <option value="0" selected>Seleccione el tipo de empleado</option>
    </select>
</div>

Sometimes works like it should

但是有一半的时间值不能正确加载，一切都可能是正确的，或者有时 1 或 2 甚至 3 个值都不能加载，完全随机，但是当它们加载时，是正确的值。

In this case 2 of the values didn't load and they have the default value

Answer 1

您应该使用取消选择所有其他选项 .attr("selected", false); 在您选择之前。