使用JQuery對預填充選擇字段進行下拉選項驗證

Question

我有這個JQuery塊，以防止選擇已經在另一個字段中選擇的下拉選項。

    var $coll = $( 'select[name$="service"]' ).on( 'change', function () {
        $coll.each(function () {
              var val = this.value;
              if ( val === 'original' ) return;
              $coll.not( this ).children( '[value="' + val + '"]' ).prop( 'disabled', true );
        });
    });

問題在於，這僅在您從頭開始選擇（空格式）時有效。 當我有一個包含帶有預選選項的字段的表單時，該函數僅在第二次嘗試后才啟動。

您知道如何更改此設置以檢查預填充字段嗎？

Answer 1

我要做的就是在准備好文檔后對.trigger("change")進行.trigger("change") ，以便使驗證在第一次選擇之前開始。