Jquery多个select具有相同的文本不相同的val

时间:2015-04-20 15:03:23

标签: jquery select

您好我必须使用相同的“选项文本”进行3选择输入,但值不同。 我希望在其中一个上选择其他选择时禁用项目 我试过这个但不行:      jsfiddle Test

受此启发:This jsfiddle

$(".activ select").on('focus', function ()
        {
    previous = this.options[this.selectedIndex].innerHTML;
    }).change(function() {      
    var previoues_tx = previous;
    var selected = $(this).find('option:selected').text();;
    var opts = $(this)[0].options;      
    var array = $.map(opts, function(elem) {
    return (elem.text || elem.text);
    });
    //alert(previoues_tx);
    //alert(selected);
    //alert(opts);
    //alert(array);
    $('.activ select').each(function() {
        var oki = $(this).text();
        if(previoues_tx != 'Choisir---------------' )
        //alert(oki);
        {
            $('select option[text="' + previoues_tx + '"]').removeAttr('disabled'); 
        }
    $('select option[text="' + selected + '"]').attr('selected','selected').attr('disabled', true);
    $('select option[text=""]').removeAttr('disabled'); 
  });
    previous = this.options[this.selectedIndex].innerHTML;
    });

1 个答案:

答案 0 :(得分:0)

问题在于引用JsFiddle,所有select框的类似选项包含相同的值,但在您的情况下,您保持不同。

我在这里修改了您的示例see demo