テスト - IEでセレクトボックスに幅指定をして文字列が切れるのに対応する

動作サンプル

未適用（幅指定あり）

適用

未適用（幅指定なし）

適用

適用(onchange)

適用(optgroup)

適用

適用（disabled）

javascriptの設定

15～30行目付近の設定値に、JSを適用する対象のクラス名とプルダウン内に表示するリストの最大行数をセットする。

対象のクラス名に何も指定しない場合は、ページ内の全select要素が適用対象となる。

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

前Verからの変更点

・プルダウン表示位置の判定処理を追加

対象select要素のページ内の位置によって、プルダウンを表示する位置を変更する処理を追加

・optgroup要素に対応

対象select要素にoptgroup要素が使用されている場合も本JSが適用可能にした。

・selected属性に対応

対象select要素内のoption要素にselected属性が指定されている場合も本JSが適用可能にした。

・ターゲットselect要素指定方法

全select要素指定の場合も、同一JSファイル内での設定変更で対応可能にした。（前VerではJSファイル自体を分けていた）

・プルダウン内に表示するリストの最大行数

プルダウン内に表示するリストの最大行数をJSの設定値で変更可能にした。最大行数を超える場合はスクロールバーが表示される。