は常に2つのオプションで<select>

Question

次のコードは、リストボックスを生成中に垂直スクロールバーを表示：

<select size="10"> 
<option>1</option> 
<option>2</option> 
</select> 

それは常にこのリストボックスで垂直スクロールバーを表示することは可能ですか？ 私はこの質問をしています。なぜなら、style = "overflow-y：scroll;" IE7ではここでは動作しません。

Answer 1

IE7で動作します。しかし、ここではよりも小さいsizeを固定し、overflow-y:scrollを使用しないでください。あなたの例では、2 optionがありますが、size=10に設定しても動作しません。

選択が10 optionであるとし、size=9と固定されているとします。

ここでは、コード参照でheight:100pxとsize:2を使用しました。私はheight cssを削除します。なぜなら、その必要はなく、size:5を変更しても問題ありません。ここで

はjsfiddleから変更したコードです：

<select size="5" style="width:100px;"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
<option>6</option> 
</select> 

これは選択ボックスがスクロールバーを表示しません小さなsizeのsize:2 create.Inの場合よりも大きな選択ボックスを生成します、あなたは適切なに確認する必要がありsize quantity.Withoutスクロールバースクロールバーの上部と下部のアイコンをクリックすると動作します。size:2と（例：3,5）より大きいとsizeの両方の例を表示します。

ここにあなたの望む結果があります。私はあなたが傾くと思い

CSS

.wrapper{ 
    border: 1px dashed red; 
    height: 150px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
    width: 150px; 
} 
.wrapper .selection{ 
    width:150px; 
    border:1px solid #ccc 
} 

HTML

<div class="wrapper"> 
<select size="15" class="selection"> 
    <option>Item 1</option> 
    <option>Item 2</option> 
    <option>Item 3</option> 
</select> 
</div> 

Answer 2

追加：あなたのCSSの芽で

overflow-y: scroll 

。

Answer 3

、多分このIEブラウザに含ま制限かどうかを：私は、これはあなたを助けると思います。私はあなたのjsfiddleをIE6-8で試してみましたが、そのすべてはスクロールバーを表示せず、IE9ではわかりません。 FFとクロムにはスクロールバーが表示されます。私は可能な限りIEでそれを行う方法も見たいと思っています。

実際にスクロールバーを表示する場合は、偽のスクロールバーを追加できます。あなたがRIAで使用するjsライブラリのいくつかに精通しているなら。 jquery/dojoのように、一部の選択は編集可能です。これは、textbox + selectの組み合わせであるか、textbox + divでもかまいません。

例として、hereを編集してください。