-2

1 つのドロップダウン リスト (必須)、1 つの日付ピッカー (必須)、1 つのテキスト ボックス (オプション) を含むポップアップがあります。最初の 2 つで、両方にデータが含まれているかどうかを確認し、[保存] ボタンを有効にしています。

ただし、ユーザーがすでにドロップダウン項目を持っていて、日付が選択されている場合は、[保存] ボタンが有効になります。私はこれをしたくありません。したがって、ここでのロジックは次のとおりです。

  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;
        }
    });
}
4

1 に答える 1

1

ページの読み込み時と保存後に、ドロップダウンの選択を追跡します。

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

ドロップダウンが変更されたら、現在の選択が異なることを確認します。

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

異なる場合は、保存ボタンを有効にします。保存時に、ドロップダウン選択変数を更新します。

ddlSelection = tempDDL.find('OPTION:selected').val()
于 2011-08-12T18:04:22.020 に答える