如何使<option>的宽度仅覆盖其内容</option>

Question

我知道下拉部分是由浏览器呈现的，但我在CSS部分发布了这个部分，他们说可以通过JS完成。

我需要的是下拉列表中的每个选项（包括顶部选定的选项）的宽度仅覆盖内容。现在它创建了一个宽度为最长选项的框。

Answer 1

$(document).ready(function(){
    $("select").change(function(){
        var optWidth = $("#temp").html($("select").find(":selected").text()).width();
        $(this).width(optWidth);
    });
});

http://jsfiddle.net/4tzRy/