JQuery 预填充 select 字段的下拉选项验证

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")，以便在第一次选择之前开始验证。