如何通过自定义按钮打开HTML选择标签？

我正在为手机开发一个网页，我需要为选择的标签实现一个自定义设计。我需要在选择标签附近（上）放置一个按钮，它应该打开“启动”选项。如何通过自定义按钮打开HTML选择标签？

为了更好地理解我做了一个截图：

enter image description here

如果红色按钮被点击它应该打开选择标签。

有什么我想：

<style type="text/css"> 
#trigger_button { width:20px;height:20px;background:red;float:left;margin-left:-15px; } 
</style> 

<body> 
    <p>Foo Select</p> 

    <table> 
    <tr><td> 
     <select name='foo_select' style='float:left;' id='foo_select'> 
      <option value='1'>test AAAAAAAAAAAAAAAAA 1</option> 
      <option value='2'>test BBBBBBBBBBBBBBBBB 2</option> 
      <option value='3'>test CCCCCCCCCCCCCCCCC 3</option> 
     </select> 

     <div id='trigger_button' onclick="$('#foo_select').trigger('click');"></div> 
    </td></tr> 
    </table> 
</body>

通知！

在Android操作系统上Chrome浏览器在PC上会有不同的反应！在Android Chrome上，这些选项显示在不同的可滚动框架中（如弹出窗口）。

这可能吗？我可以用自定义按钮打开选择标签吗？

来源

2013-03-02 Zbarcea Christian

答案是肯定的，你可以用JavaScript做到这一点，使用谷歌，你会开幕前获得的例子 – 2013-03-02 14:01:41

100的@ Mr.Alien这个线程我已经搜索，但相信我我还没有找到任何解决方案。 – 2013-03-02 14:04:30