下拉列表中帶有滾動條在鉻中

在Chrome中，某些情況下拉列表項與滾動條一起出現，我想在下拉單擊時顯示沒有滾動條的所有項目，在我的情況下，所有項都可以在下拉列表中，但只有一個顯示並需要滾動以查看其他人。下拉列表中帶有滾動條在鉻中

下面給出的代碼。

<div class="controls"> 
          <select name="teamId" id="teamIdSel" class="span2" > 
           <?php foreach ($team_list as $team): ?> 
            <option class="teamSelOpt" diviID="<?php echo $team->division_id; ?>" value="<?php echo $team->team_id; ?>" <?php if ($team->team_id == $teamId) { ?> selected <?php } ?> ><?php echo $team->name; ?></option> 
           <?php endforeach; ?>  
          </select> 
         </div> 

<input type="button" onclick="onChangeDivision('10', null, null)"/>

在這裏，我動態顯示和隱藏選項在JavaScript中使用「diviID」。

javascript function below below。

function onChangeDivision(id, teamId, clientUserID){ 
    if(id){ 
     $('.teamSelOpt').each(function() { 
      var diviId = $(this).attr("diviID"); 
      if(diviId == id){ 
       $(this).show(); 
      }else{ 
       $(this).hide(); 
      } 
     }); 
} 
}

當我刪除「$（this）.hide（）;」代碼從功能它將正常工作。但結果將違反我的要求。

來源

2012-07-20 shihabudheen

所以，你要改變標準所有的瀏覽器， SELECT每個人都知道多年的正常行爲？你確定？ – 2012-07-20 11:03:52

讓你自己使用JavaScript。 – 2012-07-20 11:05:14

不要使用w3schools ...他們誤導/錯誤/不完整/騙子/等..資源不足。最好堅持喲mdn或msdn – rlemon 2012-07-20 11:12:30

您必須使用列表來顯示onhover/onclick，就像Google在Google plus中所做的一樣。您無法隱藏下拉列表的滾動條。

來源

2012-07-20 11:06:09

通常這些選擇，文件上傳等都是瀏覽器，特定於操作系統，所以我們不能按照我們的意願設計它們。才達到一致性超過了選擇框所有的瀏覽器有兩種方法

方法一： -

可以使用的div或UL &裏，它的位置是絕對在需要的地方，並顯示創建自己的彈出式的東西它點擊框。

方法2： -

，你可以簡單地使用jQuery插件dropkick，通過它可以樣式選擇框，你想，他們會尋找相同的

來源

2012-07-20 11:48:07

下拉列表中帶有滾動條在鉻中

回答

相關問題