javascript - 在索引更改时启用“保存”按钮

Question

我有一个弹出窗口，其中包含 1 个下拉列表（强制）、1 个日期选择器（强制）和 1 个文本框（可选）。我正在检查第一个两个是否都包含任何数据，然后我启用“保存”按钮。

但是，如果用户已经有一些下拉项目并且选择了日期，则启用“保存”按钮。我不想要这个。所以这里的逻辑是：

1. 检查下拉列表和日期选择器
2. 如果它们都包含其中的项目并且项目已更改，则启用“保存”按钮。
3. 否则，禁用该按钮。

这是我的代码：

 function EnableSaveButton() {
    var tempDDL = jQuery("#testPopup SELECT");
    var tempText = jQuery("#testPopup INPUT:text");
    var buttons = jQuery("#testPopup INPUT:button");

    jQuery.each(buttons, function (i, buttonCtl) {
        if (buttonCtl.value.toLowerCase() == "save") {
            if ((tempDDL.find('OPTION:selected').val() !== "-1") && (tempText.val() != ""))
                buttonCtl.disabled = false;
            else
                buttonCtl.disabled = true;
        }
    });
}

Answer 1

在页面加载和保存后跟踪下拉选择。

var ddlSelection = $('#testPopup select option:selected').val();

当下拉列表更改时，检查当前选择是否不同。

if(tempDDL.find('OPTION:selected').val() !== ddlSelection)

如果不同，请启用保存按钮。在保存时，更新下拉选择变量。

ddlSelection = tempDDL.find('OPTION:selected').val()