在jquery菜单中选择不起作用的框

Select box not working inside jquery menu

本文关键字：不起作用 选择 jquery 菜单      更新时间：2023-09-26

请检查这个小提琴链接，为什么下拉列表中的选择框不起作用

jsfiddle

我正在处理这个https://jqueryui.com/menu/但我的选择框不起作用。

$(function() {
  $("#left_menu").menu();
});
ul ,li{
  width:100px;
}
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<ul id="left_menu">
<li><a href="#">Passport(s)</a><ul><li>
				 <label for="passport_select">Select Experience</label>
				  <select name="passport_select" id="passport_select">
				  	<option>Conotou</option>
				    <option>BOSSMAN A</option>
				    <option>BOSSMAN B</option>
				    <option>Import</option>
				  </select>
				  <button class="filter_link" id="passport">SUBMIT</button>
				<br>
			</li></ul></li>
  <li><a href="#">gender</a>
    <ul>
      <li class="filter_link" id="gender">
        <input type="radio" name="sex" value="male" checked> Male
        <br>
        <input type="radio" name="sex" value="female"> Female
      </li>
    </ul>
  </li>
</ul>

制作另一个子菜单（而不是选择）并用css控制溢出。这样你就可以在一个小空间里包含数百个国家的价值观。

<li>
    <div class="CountryWrapper">
        <ul>
          <li>BOSSMANA</li>
          <li>BOSSMANB</li>
        </ul>
    </div>
</li>

       .CountryWrapper{          
          overflow-x: scroll;
          height: 200px;
        }
相关文章：