使用JQuery对预填充的选择字段进行下拉选项验证

时间:2017-03-19 21:10:55

标签: javascript jquery html select options

我有这个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 );
        });
    });

问题是,这只适用于从头开始选择(空表格)。 当我的表单包含具有预选选项的字段时,该功能仅在第二次尝试后启动。

你知道如何改变它来检查预填字段吗?

1 个答案:

答案 0 :(得分:0)

文档就绪后,我所要做的就是.trigger("change"),以便在第一次选择之前开始验证。