Событие Bubbling проблема с формой

Question

У меня есть проблема с пузырьками этого события в jQuery. Я нашел некоторые решения, но не работает для тега 'select'. Итак, мой родительский тег - это верхняя панель аккордеона, которая запускает содержимое внутри. Проблема в том, что мне нужно выпадающее меню в этой панели справа.

Я пробовал event.stopPropagation(); но не повезло.

<ul class="accordion" data-accordion> 

    <li class="accordion-navigation"> 
     <a href="#comp1">Title 

     <div class="deelcompetentiescoreBox"> 
      <span class="label"><i>A</i></span> 
      <select class="deelcompetentieDropDown" onchange="javascript:assigndelibscore()"> 
      <option value="7" >AA</option> 
      <option value="8" selected="selected">A</option> 
      <option value="9">B</option> 
      <option value="10">C</option> 
      </select> 
     </div> 

     </a> 

    <div id="comp1" class="content"> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
    </div> 
    </li> 
</ul> 

У меня есть скриншот здесь https://www.evernote.com/l/AAJPx_N0H75E4LzG5ZuwE4Gu-DVBK-nJojE

Любой, кто видит решение.

Большое спасибо. Гарольд.

Answer 1

HTML

<select id="mySelection" class="deelcompetentieDropDown"> 

Javascript часть

document.getElementById('mySelection').addEventListener('change', assigndelibscore); 

не забудьте добавить параметр e в вашей assigndelibscore функции:

var assigndelibscore = function(e){ 
    e.stopPropagation(); 
}