Question

我为用户动态创建新的下拉列表，以便在数据库中输入内容。我需要在他创建的所有下拉列表中禁用用户的先前选择（例如，如果在第一个dpl中选择第一个选项，那么他将无法在其他dpls中选择它。）代码是-----＆gt; HERE！代码在我的电脑上正常工作，我不知道为什么它不在jsfiddle，但你会知道代码的作用！我还注意到它只在第一个选择框改变状态时运行js而不是在其他选择框运行时运行。

我尝试了这些，但没有运气......任何提示？（还有一个额外的东西我在小提琴中尝试过，很长时间在这里发布）

$('select').on('change', function() {

    /* enable any previously disabled options */
    $('option[disabled]').prop('disabled', false);

    /* loop over each select */
    $('select').each(function() {

       /* for every other select, disable option which matches this this.value */
       $('select').not(this).find('option[value="' + this.value + '"]').prop('disabled', true); 

    });

});

修改

下拉列表中的值来自示例中的数据库我改变它以便更容易

禁用动态创建的选择框中的选项

0 个答案: