表单的事件冒泡问题

Question

我在 jQuery 中有这个事件冒泡问题。 我找到了一些解决方案，但不适用于“选择”标签。 所以我的父标签是一个触发内部内容的手风琴顶栏。 我遇到的问题是我需要在右侧的那个栏中有一个下拉菜单。

我尝试了 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);

不要忘记在assigndelibscore 函数中添加参数e：

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