jquery – Onload将输入大小与文本长度相匹配

$("#emailSubject").attr('size',this.val().length);

$(
        function()
        {
            //works correctly   
            alert($("#emailSubject").val().length);
            //throws error
            $("#emailSubject").attr('size',($(this).val().length)); 
        }
    )

作为 Alien Webguy said,你试图在一个原始的DOM元素或窗口对象上调用jQuery函数(val)(你没有显示足够的上下文让我们知道这是什么,但是错误告诉我们它不是jQuery实例)文档对象(因为这是jQuery在调用你的ready处理程序时设置的). (您的更新澄清了它.)所以第一件事是获取该字段的正确引用并将其包装在jQuery实例中.

但另外,如果将大小设置为字符数,则该字段几乎肯定会比您想要的大得多.那是因为大小以统一的字符宽度工作.

相反,通常的做法是使用具有相同字体系列,样式,大小,文本修饰等的离页元素作为输入元素来测量实际字符串.像这样的东西(live copy)：

CSS：

#theField,#measure {
  font-family: serif;
  font-size: 12pt;
  font-style: normal;
}
#measure {
  position: absolute;
  left: -10000px;
  top: 0px;
}

HTML：

<input type='text' id='theField' value=''>
<span id="measure"></span>

JavaScript的：

jQuery(function($) {
  var field;

  // Hook up some events for resizing
  field = $("#theField");
  field.bind("change keypress click keydown",function() {
    resizeIt(field);
  });

  // Resize on load
  resizeIt(field);

  // Function to do the work
  function resizeIt(field) {
    var measure = $("#measure");
    measure.text(field.val());
    field.css("width",(measure.width() + 16) + "px");
  }
});

请注意,我正在调整各种事件;我怀疑列表是否全面,但它给了你一个想法.