在“select”元素中下拉选项列表的功能

Question

  

可能重复：
  How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?
  Show select dropdown in jQuery?

假设我有一个像这样的选择元素：

<div>
<label>Colors</label>
<select class="clients">
 <option selected="selected">All</option>
 <option>Blue</option>
 <option>Green</option>
 <option>Yellow</option>
 <option>Brown</option>
</select>
    <img class="select-arrow" src="images/select-arrow.png" />
</div>

我对如何通过点击图片下拉选项列表非常感兴趣，现在我已经尝试了

$('document').ready(function(){
    $('.select-arrow').click(function(){
        $('.clients').focus();
    })
})  

但没有被提升。

提前致谢！

Answer 1

您最好的选择是使用选择替换脚本将所有标准选择框替换为具有吸引力的替代方案。然后，您可以为下拉图像添加替代触发器。

尝试uniform

之类的内容