javascript - 如何使此代码根据用户输入更改文本框大小，并使默认大小为 3？

Question

名：

<script language = "javascript">

  function sizeChange(x){
    var len = 3;
    if (document.x.value.length > 3 && document.x.value != "")
    {len =  document.x.value.length
    alert(len)}
    else {alert(len)}
    }
</script>

 function sizeChange(x){
        var len = 3;
        if (document.x.value.length > 3 && document.x.value != "")
        {len =  document.x.value.length
        alert(len)}
        else {alert(len)}
        }

 First Name: <input  type="text" name="firstNa"  size = "sizeChange("firstNa")">

如何使此代码根据用户输入更改文本框大小，并使默认大小为 3？该函数似乎没有被调用，当我插入测试警告时它返回一个空值。

标签： javascripthtml

Answer 1

您需要使用“oninput”：

var renderNewSize = function(){
  var el = document.getElementById('firstName');
  el.size = el.value.length;
}

First Name: <input  type="text" name="firstNa"  size="3" oninput="renderNewSize()" id="firstName">