javascript - 从 javascript 错误中编辑 html 输入元素

Question

我在 html 中有这个输入字段:

<input id="title" type="text" class="" />

按钮将允许用户通过调用 js 函数来随机化输入字段的值。

var title = document.getElementById("title");
title.removeAttribute("value");
title.setAttribute("value",random_name);

如果用户想要更改由我的函数(又名 random_name)自动分配的值，他只需在输入字段中键入其他内容即可。

到现在为止一切正常，但是如果用户改变主意并再次单击随机化按钮，将调用该函数并修改“值”属性，但用户仍然看到他最后输入的内容而不是新的随机数值(value)。

是否有解决此问题的方法或解决方法？

Answer 1

只需执行 title.value = random_name

您可以通过 element.value = "desired_value" 设置输入值。如果您使用它，它就会起作用。

http://jsfiddle.net/f4gVR/2/

<input id="title" type="text" class="" />
<input type="button" class="" onclick="randomValue()" value="Random" />

function randomValue() {
  var title = document.getElementById("title");
  title.value = Math.random(); // assign random_name to title.value here
}

如果是您的 random_name 出了问题，您应该发布代码。先试试这个。只需将 Math.random() 替换为 random_name。