Question

我有一个弹出窗口，其中包含1个下拉列表（必填），1个日期选择器（强制）＆amp; 1个文本框（可选）。我在前两个检查，如果它们都包含任何数据，然后我启用“保存”按钮。

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

检查下拉列表和datepicker

如果它们都包含其中的项目＆amp;项目已更改，然后启用   “保存”按钮。

否则，请禁用按钮。

这是我的代码：

 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();

当dropdown changes时，检查当前选择是否不同。

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

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

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

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

1 个答案: