Disable input field when the same input chosen ?

Question

I have an input field ( source languages ) which i want when i click on one of the source languages, the target language with the same text is disabled

I done that so far but it keep disable the target languages when i click the source language

what i want to reset that every time .. not to make always listen to event

here is the demo http://jsfiddle.net/ezNxU/

// 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());
});

});

adeneo · Accepted Answer · 2013-03-27 13:13:34Z

2

To reset the disabled property, apply it on all the options, and use a function call to set it to true / false

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

FIDDLE

answered Mar 27, 2013 at 13:13

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

letiagoalves · Accepted Answer · 2013-03-27 13:10:57Z

1

Try this:

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

DEMO

answered Mar 27, 2013 at 13:10

letiagoalves

11.3k4 gold badges42 silver badges68 bronze badges

Comments

Christophe Debove · Accepted Answer · 2013-03-27 13:11:36Z

0

use this to clear all

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

so for your code : 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());
            });
        });

answered Mar 27, 2013 at 13:11

Christophe Debove

6,35621 gold badges76 silver badges126 bronze badges

Comments

bipen · Accepted Answer · 2013-03-27 13:11:58Z

0

just remove disable properties on change event...that will remove disable form all option and later yourcode will add it...

try this

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

fiddle here

answered Mar 27, 2013 at 13:11

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Collectives™ on Stack Overflow

Disable input field when the same input chosen ?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related