Question

我有以下两种形式：

<form:select class="form-control" path="idRol" id="Rol">
    <form:option value="1" label="Admin" />
    <form:option value="2" label="User" />
    <form:option value="3" label="Exec" />
    <form:option value="4" label="Manager" />
</form:select>


<form:select class="form-control" path="idEmp" disabled="true" id="idE"> 
    <form:option value="" label="--- Seleccionar ---"/>
    <form:options items="${emp}" />
</form:select>

我希望使用JQuery，当我从第一种形式中选择X项（例如admin，exec或manager）时，将第二种形式限制为$ {emp}的第一项，以防他们选择了User，让他们选择第二个表单中的任何一个选项。

我已经完成了这段JQuery，但是，我不确定在不使用值时如何访问表单项。

$("#Rol").on('change', function() {
    if($("#Rol").val() !== '2') {
        $("#idE").val("Hello World");
        $("#idE").prop("disabled", "true");
    }
    else
    {
        $("#idE").removeAttr("disabled");
    }
});

我对这个领域还很陌生，遇到了麻烦，也不确定我是否有时需要使用PATH或ID。

Answer 1

如果要在第二个选择中添加一个选项，具体取决于第一个：

$("#Rol").on('change', function(){
        if($("#Rol").val() !== '2'){
            $("#idE").append('<option value="hello_world" selected="selected">Hello World</option>');
            $("#idE").prop("disabled", "true");
        }
        else
        {
            $("#idE").prop("disabled", false);
        }
    });

从下拉列表中选择，形式：选择，获取项目的第一个元素

1 个答案: