Question

我有一个输入字段（源语言），当我点击其中一种源语言时，我想要禁用具有相同文本的目标语言

到目前为止，我已经完成了这项工作，但是当我点击源语言

时，它会一直禁用目标语言每次我想重置的是什么......不要总是听事件

// change the target language according to the source language 
$('#source').change(function () {

var option_source = $('select#source option:selected').text();

$('select#target option').each(function () {
    if ($(this).text() == option_source) $(this).prop("disabled", true);
    console.log($(this).text());
});

});

Answer 1

要重置disabled属性，请将其应用于所有选项，并使用函数调用将其设置为true / false

$('#source').on('change', function() {
    var self = this;
    $('#target option').prop('disabled', function() {
        return this.value == self.value;
    });
});

FIDDLE

Answer 2

试试这个：

$('#source').change(function () {
    var option_source = $('select#source option:selected').text();
    $('select#target option').each(function () {
        $(this).prop("disabled", ($(this).text() == option_source));
    });
});

DEMO

Answer 3

用它来清除所有

$('select#target option').prop("disabled",false);

所以对于您的代码：Fiddle

 $('#source').change(function () {

            var option_source = $('select#source option:selected').text();
                $('select#target option').prop("disabled",false);
            $('select#target option').each(function () {

                if ($(this).text() == option_source) $(this).prop("disabled", true);
                console.log($(this).text());
            });
        });

Answer 4

只需删除更改事件的禁用属性...这将删除禁用表单所有选项，稍后您的代码将添加它...

试试这个

 $('#source').change(function () {
   $('select#target option').prop("disabled", false); //<-- add this line
   .....

fiddle here

选择相同输入时禁用输入字段？

4 个答案: