Jqueryで(ドロップダウンボックス)select要素の透明とフィレットを実現!(ソースインスタンス)

2145 ワード

<head> 
<title></title> 
<link type="text/css" rel="Stylesheet" href="JQSelect.css" /> 
<script type="text/javascript" src="jquery-1.2.6.js"></script> 
<script type="text/javascript" src="JQSelect.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("#test").jsScroll(); 
}) 
</script> 
</head> 
<body> 
<select id="test"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
<option value="8">8</option> 
<option value="9">9</option> 
<option value="10">10</option> 

</select> 

       select         

    2        
     :

$(function() { 
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); 
}) 

単純にselectをカスタムスタイルに変更するだけで、2つのパラメータしか設定できません.
$(function() { 
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); 
}) 

showLength:ドロップダウンボックスのデフォルト表示数---デフォルトで5つのoption_を表示click:各optionで実行されるイベントをクリック--デフォルトはinputにoptionsの値をバインドするオンラインプレゼンテーション:http://demo.jb51.net/js/2011/JQSelect/
パッケージダウンロードアドレス:http://www.jb51.net/jiaoben/40362.html
転載先:http://www.jb51.net/article/29017.htm