3

ドロップダウン<option>のリスト幅を制御したいと思います。<select>デフォルトでは、ブラウザーは<option>ドロップダウンにある大きなテキストを計算します。サイトでは見栄えがよくありません。次の CSS スニペットを試してみたところ、FF で動作することがわかりました。

select{
    width : 120px;
}
select option {
    width : 90px;
}

唯一のトラブルの原因は Chrome です。回避策があれば教えてください。

デモ

4

1 に答える 1

1

グーグルで検索しても、私にはわかりませんでした。スクリプトオプションのみを省略しました。次のコードでうまくいきます。

/* To trim the charaters in the option list */
    var optLen = $('#country option').size();
    //console.log("Total length is :" +optLen);
    for(var i=0; i<optLen; i++){
        var txt = $('#country option').eq(i).text();
        //alert(txt);
        txt = txt.substring(0,20);
        //alert(txt);
        $('#country option').eq(i).text(txt);
    }

更新されたデモ

于 2013-03-06T11:04:49.230 に答える