javascript - 如何让 jquery 忽略选择菜单中的选项

Question

我有这个带有这些选项的选择菜单，它的形式是对 value 属性内的值执行数学运算，但在计算所选选项的值时总是默认选择 disabled 。

<li><label for="menuPlazos" class="labelInputs">Plazos de cancelacion: </label><select name="menuPlazos" id="menuPlazos" class="inputsValues">
            <option type="number" value="" disabled selected>Elegi una Opcion</option>
            <option type="number" value="12">12 meses</option>
            <option type="number" value="24">24 meses</option>
            <option type="number" value="36">36 meses</option>
        </select></li>

我使用这个 JS 代码来改变另一个值，并且可以工作

function cambiarValorTasas() {
let plazosOpc = $("#menuPlazos").prop("selectedIndex");
let opciones = $("#menuPlazos").prop("options");
if (opciones[plazosOpc].value == 12) {
    $("#tasasSeleccion").html(3.95);
} else if (opciones[plazosOpc].value == 24) {
    $("#tasasSeleccion").html(4.19);
} else if (opciones[plazosOpc].value == 36) {
    $("#tasasSeleccion").html(4.36);
}
return $("#tasasSeleccion").val();

}

使用 JS，我通过在选项中更改它来更改另一个字段的值，但是在 chrome/safari/brave 中更改它时，它不会将该值视为有效（选项的值，仅返回 NaN）（它只有效在 Firefox 中使用我今天使用的代码），现在如果我删除选定的禁用选项，一切都在所有浏览器中正常工作。如何让 JS 忽略这个值？

在应用于客户端对象的这个方法中，它返回的是 NaN

    client.creacionClientes(
    $("#nombre").val(),
    $("#apellido").val(),
    $("#mail").val(),
    parseInt($("#aSolicitar").val()),
    parseInt($("#menuPlazos").val()),
    parseFloat(tasas),
    parseFloat($(".valorCuota").text()).toFixed(2)
);

标签： javascriptjqueryfunctionhtml-selectextract-value