jquery - 如何讓選擇菜單自己顯示而不點擊它？

使用jquery，我將如何讓SELECT菜單自己顯示而不用實際點擊它？jquery - 如何讓選擇菜單自己顯示而不點擊它？

我試着發送click（）事件（在Safari和Firefox中），但沒有運氣。

$('#myselectmenu').click();

還試過focus（）和select（）（以及三者的各種組合）。

任何想法？

謝謝！

來源

2009-12-22 user113716

可能重複[如何以編程方式告訴HTML選擇下拉（例如，由於鼠標懸停）？]（http://stackoverflow.com/questions/249192/how-can-you-以編程方式 - 告訴一個HTML選擇下拉爲例 - 到期） – 2015-05-06 17:52:14

你總是有編碼自己的函數來模擬「選擇」菜單

來源

2009-12-22 01:45:01

我不認爲這是可能的。

您可以使用自定義下拉列表。

來源

2009-12-22 01:42:05 SLaks

這就是我開始思考的東西。很高興知道。不會浪費更多時間。自定義列表。非常感謝。 – user113716 2009-12-22 01:45:54

嗯，的onmouseover的選項？但是，你如何才能做到這一點呢？感覺應該有一些方法來調用它。以前從未嘗試過。

來源

2009-12-22 01:46:45

我實際上是想從不同的函數代碼中彈出它。不管怎麼說，還是要謝謝你。 – user113716 2009-12-22 01:51:23

SELECT組件是遠離組件的組件。實現你自己的，然後嘗試mouseenter（）和mouseleave（）事件。

來源

2009-12-22 02:06:26

我可能會誤解，但這裏有... 您的選擇菜單是隱藏的，並且您希望它顯示的任何點擊？

<!DOCTYPE html> 
<html lang=""> 
<head> 
    <meta charset="utf-8"> 
</head> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
     <script type="text/javascript"> 
      google.load('jquery', '1'); 
     </script> 
     <script type="text/javascript"> 
      $(function(){ 
        $('select').hide(); 
        $(document).click(function(){ 
         $('select').show(); 
        }); 
      });//END Doc Ready 
     </script> 
<body> 
    <select> 
      <option>blah</option> 
    </select> 
</body> 
</html>

然後我意識到你想讓DDM顯示出來，所以我嘗試了這個......並沒有奏效。也許這給你一個想法？

$(function(){ 
        $('select').bind('blur', function() { 
         $(this).blur(); 
         }); 
        $(document).click(function(){ 
         $('select option').trigger('blur'); 
        }); 
     });//END Doc Ready

來源

2011-09-14 00:03:33 CAM

感謝您的努力。是的，我想以編程方式顯示菜單選項。僅供參考，當'blur'事件觸發時，'blur'解決方案將導致無限循環，因爲當您執行'$（this）.blur（）'時，它會遞歸調用自身。不過謝謝。 :) – user113716 2011-09-14 00:20:46

我想知道爲什麼我一直得到Stackoverflow錯誤...謝謝 – CAM 2011-09-14 17:50:10

jquery - 如何讓選擇菜單自己顯示而不點擊它？

回答

相關問題