Question

我有此代码：

<script>

    $(document).ready(function() {

        $('#estado').change(function() {
            if( $(this).val() == 'Todos') {
                $('#busquedatext').prop( "disabled", false );
            } else {       
                $('#busquedatext').prop( "disabled", true );
            }
        }); 
    });

</script>

仅当在下拉列表“ estado”中选择Todos时，才更改文本字段（busquedatext）。问题是我有两个下拉菜单（“ estado”和“ anio”），并且如果两个都选择了“ Todos”，则希望启用/禁用文本字段。

我该怎么做？

编辑：

根据patstuart，我添加了以下内容：

    $('#estado, #anio').change(function() {

但是，有了这个，我可以使用Todo和XXX，并且启用了文本字段。

Answer 1

您需要在两个字段中添加一个侦听器。

尝试一下：

    $('#estado,#anio').change(function() {
         $('#busquedatext').prop( "disabled", $('#estado') === "Todos" && $('#anio') === "Todos");
    });

Answer 2

在测试中使用&&。您也不需要if，只需将测试结果用作.prop()的第二个参数。

$("#busquedateext").prop("disabled", $("#estado").val() == 'Todos' && $("#anio").val() == "Todos");

根据两个下拉列表的值更改禁用的真/假文本字段

2 个答案: