Question

我希望在更改其值时更改input text大小。

我有这个javascript：

jQuery(document).ready(function ($) {

    function resizeInput() {
        $(this).attr('size', $(this).val().length);
    }

    $('input[type="text"]')
        // event handler
        .keyup(resizeInput)
        // resize on page load
        .each(resizeInput);

    document.getElementById("uploadBtn").onchange = function ()
    {
        document.getElementById("uploadFile").value = this.value;
        $("#uploadFile").attr('size', $("#uploadFile").val().length);
    };
});

首先，我使用$('input[type="text"]')函数测试resizeInput。但它不起作用。

接下来，我已将该功能添加到document.getElementById("uploadBtn").onchange = function ()，但它也不起作用。

我想在执行此操作时调整输入字段uploadFile的大小： document.getElementById("uploadFile").value = this.value;

当我为其分配新字符串时，如何自动缩放输入大小？现在它是自动缩放，但是它会改变字符串字符数的输入大小，这不是我想要做的。

我使用此SO answer作为灵感。

我已添加此JSFiddle但我收到错误。

Answer 1

尝试此操作：根据输入值的长度更改UTC值。

size

$(function(){
  $("input[type='text']").keyup(function(){
     var value = $(this).val();
     $(this).attr("size",value.length);
  });
});

实际上你的代码应该工作。你已经在document.ready中定义了javascript函数，只需将其移到外面或使其成为jquery函数。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text">

jQuery(document).ready(function ($) {
  $("input[type='text']").keyup(resizeInput);
});
function resizeInput() {
    $(this).attr('size', $(this).val().length);
}

自动缩放问题：它是根据角色的数量进行缩放

1 个答案: