主な変更点

• プルダウン表示位置の判定処理を追加
• optgroup要素に対応
• selected属性に対応
• ターゲットselect要素指定方法
• プルダウン内に表示するリストの最大行数

※詳細はデモページを参照

使い方

ZIPファイルを解凍後、JSファイルを任意のディレクトリに配置し、本機能を実装したいhtmlでJSファイルとCSSファイルを読み込む。

<link rel="stylesheet" type="text/css" href="css/stretchDropdown.css" />
<script type="text/javascript" src="js/stretchDropdown.js"></script>

次に、JSファイルを開き、各設定項目をサイトに合わせて編集する。

※設定方法の詳細はデモページを参照

//-----------------------------------------
// 設定値
//-----------------------------------------
conf : {
	// 対象のクラス名（指定無しの場合は全select要素対象）
	targetClass : 'stretchDropdown',
	// プルダウンに一度に表示する最大行数（超えた場合はスクロールバーが表示される）
	maxRow : 8,