Dropdown disable option

This topic has 5 replies, 2 voices, and was last updated 5 years, 8 months ago by Anh Tran.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 21, 2019 at 5:48 PM #13843
woorise
Participant
I use two select_advanced fields and when I select an option in the first dropdown I want to disabled it from the second dropdown.

I use the following code. The disabled attribute added successfully but the option isn't disabled.
```
(function($) {

    $('#_language_pairs_from').on('change', function() {
        var selectVal = $(this).val();
        $('#_language_pairs_to option[value="'+selectVal+'"]').prop('disabled', true);
    });

})( jQuery );
```
Add New Note to this Reply
March 22, 2019 at 5:41 PM #13867

Anh Tran
Keymaster

Hi,

I think you need to use select2 API. Your code seems to work only for normal select.

Add New Note to this Reply

March 30, 2019 at 1:09 AM #13987

woorise
Participant

I am using the exact same code as in the jsfiddle http://jsfiddle.net/u3tq89wg/ in a clean installation but it works only the first time. It doesn't updated after I open the second dropdown. I don't get any console errors.

Can you please give me a working example?

Add New Note to this Reply

April 1, 2019 at 10:46 AM #13999

Anh Tran
Keymaster

I made a modification to that script, here is a working version: https://ghostbin.com/paste/tqqof

Add New Note to this Reply

April 1, 2019 at 10:42 PM #14013

woorise
Participant

Thank you very much! Now it works!

I notice that we destroy the select and initialize it again. Doing this we lose the initial options. Is there any way to automatically set the initial options?

Add New Note to this Reply

April 2, 2019 at 10:31 AM #14020
Anh Tran
Keymaster
Ah, when initialize the select2, you can get options via data-options and pass it to the initializer:
```
var options = $s2.data( 'options' );
$s2.select2( options );
```
Add New Note to this Reply
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.