打開一個按鈕的HTML選擇列表中單擊

我創建了一個選項列表在網頁上，我想用一個<div>創建一個按鈕打開選擇列表時，從列表中選擇一個選項，然後選擇的值來對div也。打開一個按鈕的HTML選擇列表中單擊

所以在這裏我想的JavaScript屬性，打開按鈕，單擊列表中這樣

document.getElementById('selectedlist').open.

任何身體的東西對此有何建議？

來源

2012-04-26 Harish Kumar

在這裏，我們可以檢查[DEMO]（http://jsfiddle.net/gchoken/yqfEF/1/）kriangkrai答案 – Gowri 2012-08-13 14:28:39

看看http://code.google.com/p/expandselect/。我認爲這是你想要的。然後你可以像這樣打開選擇。

ExpandSelect("myselect_id")

來源

2012-04-26 06:40:00

看怎麼將在移動瀏覽器正常工作（客戶的43％），而許多或所有的移動webkit版本都可以完成用戶最初想要的功能，只需關注選擇即可。 – 2012-04-26 06:48:35

它沒有工作，你知道它將如何工作？ – 2012-04-26 06:54:49

@HarishKumar你能展示你的代碼嗎？將「ExpandSelect.js」包含到您的頁面中後，您可以打開按鈕單擊時的選擇。 '' – 2012-04-26 07:11:28

這裏是簡單的Javascript代碼來打開（切換）單擊按鈕上的選擇框。

<script type="text/javascript"> 
    function expandSelect(id){ 
    var select_flag = document.getElementById('select_flag').value; 
     if(select_flag==1){ 
      var select_box = document.getElementById(id); 
      select_box.size = 1; 
      document.getElementById('select_flag').value = 0; 
     }else{ 
      var select_box = document.getElementById(id); 
      select_box.size = select_box.options.length; 
      document.getElementById('select_flag').value = 1; 
     } 
    } 
</script> 

<button onclick="expandSelect('select_box')"> Toggle Select Box </button> 


<div id="container"> 
    <select name="select_box" id="select_box" > 
     <option value="">Select</option> 
     <option value="">option1</option> 
     <option value="">option2</option> 
     <option value="">option3</option> 
     <option value="">option4</option> 
     <option value="">option5</option> 
     <option value="">option6</option> 
    </select> 
    <input type="hidden" name="select_flag" id="select_flag" value="0"> 
</div>

來源

2013-07-31 05:31:38

打開一個按鈕的HTML選擇列表中單擊

回答

相關問題