输入值不会显示在字段中

时间:2016-02-09 09:13:51

标签: javascript forms dom input innerhtml

我有这个功能:

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对象不一样吗?

1 个答案:

答案 0 :(得分:1)

使用value代替innerHTML

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

&#13;
&#13;
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);
&#13;
<input type="text" id="commande" name="commande" class="field">
&#13;
&#13;
&#13;