2012-04-26 17 views
0

リストから選択した値が選択されたときに<div>で作成されたボタンで選択リストを開くWebページにオプションリストを作成しました。 divも。ボタンでクリックしてhtmlで選択したリストを開く

は、だからここに私はこれについての提案を持っているボタンのリストを開くにはjavascriptの属性は、この

document.getElementById('selectedlist').open. 

任意の体のようなものをクリックしたいですか?

+0

我々はそれがモバイルブラウザ(クライアントの43%)で動作しますかkriangkrai答え – Gowri

答えて

2

http://code.google.com/p/expandselect/をご覧ください。私はこれがあなたが望むものだと思います。 次に、このような選択を開くことができます。

ExpandSelect("myselect_id") 
+0

見た目の[デモ](http://jsfiddle.net/gchoken/yqfEF/1/)を確認することができ、モバイルWebkitバージョンの多くまたはすべてが、単に選択に焦点を当てるだけで、ユーザーが最初に望んでいたことを行うことになります。 –

+0

それは働かなかった、それはどのように動作するのか知っていますか? –

+0

@HarishKumarコードを表示できますか?あなたのページに 'ExpandSelect.js'をインクルードした後で、このようなときにいつボタンをクリックするかを開くことができます。 ' ' –

0

ボタンをクリックすると選択ボックスを開く(切り替える)簡単な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> 
関連する問題