2013-03-02 115 views
2

我正在爲手機開發一個網頁,我需要爲選擇的標籤實現一個自定義設計。我需要在選擇標籤附近(上)放置一個按鈕,它應該打開「啓動」選項。如何通過自定義按鈕打開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上,這些選項顯示在不同的可滾動框架中(如彈出窗口)。

這可能嗎?我可以用自定義按鈕打開選擇標籤嗎?

+0

答案是肯定的,你可以用JavaScript做到這一點,使用谷歌,你會開幕前獲得的例子 – 2013-03-02 14:01:41

+0

100的@ Mr.Alien這個線程我已經搜索,但相信我我還沒有找到任何解決方案。 – 2013-03-02 14:04:30

回答

1

難道你檢查了這一點?

http://www.designdim.com/2011/07/10-important-jquery-selectboxdropdown-plugins/

有可能使用JavaScript或jQuery的做也

+0

我該如何在移動設備上使用它?如果我觸摸了選擇標籤,我需要使用默認的Chrome彈出式窗口。 – 2013-03-02 14:09:36

+0

@ZbarceaChristian那是androids的默認行爲吧? – 2013-03-02 14:10:24

+0

Android版Chrome的默認行爲。 – 2013-03-02 14:10:54