如何触发单击按钮上的<选择>

Question

我们有一个选择框和一个按钮，如下所示。当用户实际单击“菜单项”标签时，需要伪造对选择的单击。当点击“菜单项”标签时，选择项应打开。

 <label class="menu-item" for="xyz">Sort by</label>
 <select name="" id="xyz" class="xyz-select">
   <option value="">hey</option>
   <option value="">hi</option>
   <option value="">yo</option>
 </select>

预期结果：点击标签应会打开选择框 当前行为：选择框在iPhone上打开，但在Android上无法显示

Answer 1

我倾向于说你不能。 iPhone和iPad等iOS设备在挂接到系统UI控件时将触发下拉菜单，这与通常使用内置操作系统控件的台式机和android浏览器不同，台式机和android浏览器通常禁止通过focus事件进行访问-这是该控件的当前行为您的代码。 简而言之，<label for=''>标签只能专注于您的<select>元素，而不能打开它。对于iOS设备而言这是错误的，但对于其他所有设备而言都是如此。