Select2 не позволяет разблокировать раскрывающийся список

Question

Select2 не позволяет разблокировать раскрывающийся список

0

когда

$("select").select2({});

находится в коде, javascript не разблокирует следующее выпадающее меню. Проблема существует в Firefox. При удалении он работает как шарм.

http://jsfiddle.net/DcunN/7/

user1029829 26 сен. 2013, в 17:22

Источник

Теги:

jquery

jquery-select2

2 ответа

1

Вы не можете просто изменять атрибуты. Вы также должны перезапустить Select2 для обновления своих классов элементов.

http://jsfiddle.net/isherwood/DcunN/9/

$("#dropdown1").change(function () {
         $('#dropdown2').find('option').remove().end();

         if (obj[$(this).val()] !== undefined) {
             $('#dropdown2').removeAttr('disabled').select2();

             ...

isherwood 26 сен. 2013, в 13:06

0

да, когда я пытаюсь повторно инициализировать select2, я получаю следующее: ypeError: $ (...). select2 не является функцией $ ("select"). select2 ({
user1029829 26 сен. 2013, в 15:28
1

Не переустанавливайте выпадающий список. У вас есть опция в самом select2
PSL 26 сен. 2013, в 15:30
0

Он отлично работает в jsfiddle, но в браузере я все еще получаю следующее: TypeError: $ (...). RemoveAttr (...). Select2 не является функцией $ ('# dropdown2'). RemoveAttr ('disabled'). Select2 (); Обновленный код: jsfiddle.net/2eXEL/1
user1029829 26 сен. 2013, в 15:45
0

@ user1029829 прежде всего не используйте removeAttr, используйте вместо этого prop. Но в случае select2 они делают всю работу за вас, вам просто нужно правильно использовать их опции. Смотрите пример и демонстрацию в моем ответе.
PSL 26 сен. 2013, в 15:54
0

Все та же ошибка, посмотрите порядок файлов js, возможно, они неправильно прикреплены: jsfiddle.net/FxH64
user1029829 26 сен. 2013, в 16:04
0

Ошибка типа: $ (...). Select2 не является функцией $ ('# dropdown2'). Select2 ('enable', true)
user1029829 26 сен. 2013, в 16:04
0

@ user1029829 у тебя вообще есть плагин select2. Вы можете посмотреть на это. Если он работает в скрипте, он должен работать, если ваш скрипт включен правильно.
PSL 26 сен. 2013, в 16:14
0

Я обновил вашу скрипку. Select2 есть.
isherwood 26 сен. 2013, в 16:46
0

Похоже, когда я помещаю эту строку: $ ('# dropdown2'). Select2 ('enable', true) где-нибудь перед .change, он работает правильно. Он показывает ошибку, упомянутую ранее, только если я помещу ее в .change. Есть идеи?
user1029829 26 сен. 2013, в 17:16
0

Я не вижу этой ошибки. Какой браузер? Вместо этого я предлагаю посмотреть на ответ PSL.
isherwood 26 сен. 2013, в 17:46

Показать ещё 8 комментариев

Ещё вопросы

да, когда я пытаюсь повторно инициализировать select2, я получаю следующее: ypeError: $ (...). select2 не является функцией $ ("select"). select2 ({
Не переустанавливайте выпадающий список. У вас есть опция в самом select2
Он отлично работает в jsfiddle, но в браузере я все еще получаю следующее: TypeError: $ (...). RemoveAttr (...). Select2 не является функцией $ ('# dropdown2'). RemoveAttr ('disabled'). Select2 (); Обновленный код: jsfiddle.net/2eXEL/1
@ user1029829 прежде всего не используйте removeAttr, используйте вместо этого prop. Но в случае select2 они делают всю работу за вас, вам просто нужно правильно использовать их опции. Смотрите пример и демонстрацию в моем ответе.
Все та же ошибка, посмотрите порядок файлов js, возможно, они неправильно прикреплены: jsfiddle.net/FxH64
Ошибка типа: $ (...). Select2 не является функцией $ ('# dropdown2'). Select2 ('enable', true)
@ user1029829 у тебя вообще есть плагин select2. Вы можете посмотреть на это. Если он работает в скрипте, он должен работать, если ваш скрипт включен правильно.
Я обновил вашу скрипку. Select2 есть.
Похоже, когда я помещаю эту строку: $ ('# dropdown2'). Select2 ('enable', true) где-нибудь перед .change, он работает правильно. Он показывает ошибку, упомянутую ранее, только если я помещу ее в .change. Есть идеи?
Я не вижу этой ошибки. Какой браузер? Вместо этого я предлагаю посмотреть на ответ PSL.

PSL · Accepted Answer · 2013-09-26T12-59-00.000Z

Согласно документации, вы это сделаете.

 $('#dropdown2').select2('enable', false);

а также

  $('#dropdown2').select2('enable', true);

Вы можете упростить его:

$("#dropdown1").change(function () {
     $('#dropdown2').find('option').remove().end();
     var val = obj[$(this).val()];
     if (val) {
         $('#dropdown2').append('<option></option>' + obj[$(this).val()]);
     } 
     $('#dropdown2').select2('enable', !val);

 });

скрипка

@isherwood кажется, что у OP другие проблемы, не определены сценарии или что-то в этом роде ... Я думаю, что этот вопрос сам по себе должен быть закрыт ... :) Я понятия не имею, если select2 не определен, как он select2 его работать в его код до.