Question

JavaScript

// Ajax refresh price value.
setInterval(function() {
    $.ajax({
        url:"query.php?currency=<?=$currencycode;?>"
    }).done(function(data) {
        $("#value").attr("value", data);
    });
},3000);

HTML

<input id="value" type="text" value="..." size="1" readonly>

query.php文件输出

如何使输入字段的大小更改为query.php文件输出结果的长度，在我的情况下为1234，输入标记的大小应为4。另外，我还需要一个过渡动画来查看每次刷新的更改每3秒一次。

Answer 1

尝试一下

// Ajax refresh price value.
setInterval(function() {
    $.ajax({
        url:"query.php?currency=<?=$currencycode;?>"
    }).done(function(data) {
        $("#value").attr("value", data).attr("size", data.length);
    });
}, 3000);

Answer 2

使用此代码，例如：

<input id="counter" type="text" value="1234" size="7" readonly>
<script>
let init="1234";
let i = 5;
setInterval(function() {
     document.getElementById("counter").value=init;
     document.getElementById("counter").size=init.length + 4;
     init += i;
     i++;
},1000);
</script>

Ajax查询后按值长度调整输入字段的大小

2 个答案: