输入值不显示在字段中

【问题标题】：Input value doesn't display in field输入值不显示在字段中
【发布时间】：2023-03-06 03:33:01
【问题描述】：

我有这个功能：

function stringGen(len){
    var text = " ";
    var charset = "abcdefghijklmnopqrstuvwxyz0123456789";
    for( var i=0; i < len; i++ )
        text += charset.charAt(Math.floor(Math.random() * charset.length));
    return text;
}
var commande = stringGen(8);
document.getElementById("commande").innerHTML=commande;

这个输入：

<input type="text" id="commande" name="commande" class="field" >

我想显示“commande”变量的结果，但它根本不显示，我不知道为什么。是不是因为值JS对象和值HTML对象不一样？

【问题讨论】：

标签： javascript forms dom input innerhtml

【解决方案1】：

使用value 代替innerHTML

document.getElementById("commande").value=commande;

function stringGen(len) {
  var text = '';
  var charset = "abcdefghijklmnopqrstuvwxyz0123456789";
  for (var i = 0; i < len; i++)
    text += charset.charAt(Math.floor(Math.random() * charset.length));
  return text;
}

document.addEventListener('DOMContentLoaded', function() {
  var commande = stringGen(8);
  document.getElementById("commande").value = commande;
}, false);

&lt;input type="text" id="commande" name="commande" class="field"&gt;

【讨论】：

几秒前 :)
对不起，我不得不稍等一下；）