input宽度自适应

<div>

    文本框：<input id="txtId"  type="text" />

    </div>

    <script type="text/javascript">

        //获取文本宽度

        var textWidth = function (text) {

            var sensor = $(\'<pre>\' + text + \'</pre>\').css({ display: \'none\' });

            $(\'body\').append(sensor);

            var width = sensor.width();

            sensor.remove();

            return width;

        };

        $("input").css("padding-left", "10px");

       

        //input宽度自适应

        $("input").unbind(\'keydown\').bind(\'keydown\', function () {

            $(this).width(textWidth($(this).val()) * 1.2);

           

        });

    </script>