обрабатывать разные css id / class на нескольких загрузочных множественных выборках - PullRequest
Новая
       26

обрабатывать разные css id / class на нескольких загрузочных множественных выборках

0 голосов
/ 15 апреля 2019

У меня есть несколько загрузочных мультиселекторов на одной странице.

Я хочу добавить 'item' с помощью функции ajax , используя разные имена классов для каждого мультиселекта, а не с тем же css class '.multiselect' , добавленным самим загрузчиком.

Я пытался:

  1. связать эту кнопку с моим собственным div 'css id' (содержащим множественный выбор) с помощью $("#mydiv_id.multiselect")

  2. до динамически добавьте «класс» к этой кнопке с помощью addclass()

  3. присоедините событие к другим тегам html / class / id этого компонента начальной загрузки(только работа класса '.multiselect') 

content.innerhtml = ''+
'<div class="container_mselect_ter">' +
'<label class="label_point_ter">Selectionner les types tertiaires</label>'+
'<select id="m_select_type_ter" multiple="multiple">' +
'<div id="m_select_type_ter_list">'+
'<option class="opt_mselect_ter" value="cheese">Cheese</option>'+
'<option value="tomatoes">Tomatoes</option>'+
'<option value="mozarella">Mozzarella</option>'+
'<option value="mushrooms">Mushrooms</option>'+
'<option value="pepperoni">Pepperoni</option>'+
'<option value="onions">Onions</option>'+
'</div>';

content_a.innerhtml = ''+
'<div class="container_mselect_ter_a">' +
'<label class="label_point_ter_a">Selectionner les types tertiaires</label>'+
'<select id="m_select_type_ter_a" multiple="multiple">' +
'<div id="m_select_type_ter_list_a">'+
'<option class="opt_mselect_ter_a" value="cheese">Cheese</option>'+
'<option value="tomatoes">Tomatoes</option>'+
'<option value="mozarella">Mozzarella</option>'+
'<option value="mushrooms">Mushrooms</option>'+
'<option value="pepperoni">Pepperoni</option>'+
'<option value="onions">Onions</option>'+
'</div>';

// let multiple_select1 = $(".multiselect"); //work
// let multiple_select2 = $("#container_mselect_ter.multiselect"); // not working
// let multiple_select3 = $("#m_select_type_ter_list.multiselect"); // not working
// let multiple_select4 = $("button .multiselect"); // not working

multiple_select1 .on('click', '.mutiselect' , function() {
        console.log("items refreshed");
    });

Событие on просто работает с '. multiselect' не с другим.Кроме того, когда это событие вызывается, это одно и то же событие для обоих компонентов.

как я могу прикрепить различное событие "вкл" к каждому компоненту множественного выбора, пожалуйста?

...