Javascript 如何使大文本字段的文本框变宽

我有表格，我使用内联编辑来编辑表格，我的问题是文本框的大小是常见的 对于所有的td， 比如说

如果td很小，则文本框如下所示

如果td很大，则文本框如下所示

有人能帮我把文本框加宽吗 对于大文本字段和小文本字段 对于小文本字段， 下面是我的代码

< script >

$(document).ready(function () {
    $('td.edit').click(function (e) {

        var $target = $(e.target);
        if ($target.is('#editbox')) {
            return;
        }
        $('.ajax').html($('.ajax input').val());
        $('.ajax').removeClass('ajax');
        $(this).addClass('ajax');
        $(this).html('<input id="editbox"  size="10" type="text" value="' + $(this).text() + '">');

        $('#editbox').select();

    });

    $('td.edit').keydown(function (event) {
        arr = $(this).attr('class').split(" ");
        if (event.which == 13) {
            $.ajax({
                type: "POST",
                url: "supplier/update.php",
                data: "value=" + $('.ajax input').val() + "&rowid=" + arr[2] + "&field=" + arr[1],
                success: function (data) {
                    $('.ajax').html($('.ajax input').val());
                    $('.ajax').removeClass('ajax');
                }
            });
        }
    });

    $('#editbox').live('blur', function () {
        $('.ajax').html($('.ajax input').val());
        $('.ajax').removeClass('ajax');
    });
}); < /script>