Javascript 在单击选择标记时防止关闭下拉

我用的是从框中跳出的基础下拉，我有一个选择标签，这样用户就可以选择一种语言。 但当用户单击“选择标记基础”下拉菜单时，将关闭，不允许用户选择语言

因此，理想情况下，我希望他们能够选择一个国家和语言，然后当他们点击按钮，然后关闭菜单，显然这将导致刷新页面

我在文档中研究过如何使用aria autoclose attr，但我不知道如何使用它，也不知道在哪里使用它

  <li>
  <a href="">
      UK
      <i class="icon-arrow_down"></i>
  </a>
  <ul class="menu country-selector">
      <li class="country-selector__item">
        <h6 class="country-selector__heading">Your Country</h6>
        <select name="" id="" aria-autoclose="false">
            <option value="">Germany</option>
            <option value="">United Kingdom</option>
            <option value="">France</option>
            <option value="">Spain</option>
            <option value="">Belgium</option>
        </select>
      </li>
      <li class="country-selector__item">
        <h6 class="country-selector__heading">Your Language</h6>
        <select name="" id="" aria-autoclose="false">
            <option value="">German</option>
            <option value="">English</option>
            <option value="">Italiano</option>
            <option value="">Dansk</option>
            <option value="">Norsk</option>
        </select>            
      </li>
      <li class="country-selector__item">
        <button type="submit" class="small expanded button" aria-autoclose="true">CHANGE</button>
      </li>
  </ul>

贵国
德国
大不列颠联合王国
法国
西班牙
比利时


你的语言
德国的
英语
意大利语
丹斯克
诺斯克


改变

如果我需要更好的解释，请告诉我

/* 
* Language Select Tag
*/
$('.country-selector select').on('click', function(event) {
    event.stopPropagation()
})

我只需要阻止事件在我不想关闭的元素上冒泡，因为其他人不知道如何做

---

我只需要阻止事件在我不想结束的元素上冒泡，因为其他人想知道如何做可能会有助于youThanks yash。但我用的不是基金会，而是帮助我。你能详细说明我做这个问题的原因吗？我不知道你想要什么会帮助你。谢谢你。但我用的不是基金会，但它确实帮助了我。你能详细说明我做这个问题的原因吗？我不知道你想要什么。