onClick getElementByID(field).value = x表示输入

时间:2013-12-19 18:35:54

标签: javascript html dom

我正在尝试从表单中清除字段。现在它被重置为默认值,但我想清除它,因此它没有值或空格作为值。

PHP正在编写此代码。

<script>
function resetInput() 
 {
  var x=\"\";
  document.getElementById(\"playerName\").value=x;
 }
</script>

<form name=\"input\" action=\"search.php\" method=\"get\">
<input id=\"playerName\" class=searchField type=\"text\" name=\"playerName\" value=\"".$_GET['playerName']."\">
<input type=\"submit\" class=searchBut value=\"Search\">
<input onclick=\"resetInput()\" type=\"reset\" class=searchBut value=\"Clear\">

</form>

我也尝试过:

  document.getElementById(\"playerName\").innerHTML=x;

我从此表单中删除了其他输入,但还有其他输入,我希望重置按钮将所有输入重置为默认值并清除playerName输入。

非常感谢你们。

1 个答案:

答案 0 :(得分:0)

您的按钮类型为“重置”,其默认操作是将表单重置为默认值。所以发生了什么 - onclick的{​​{1}}值重置为“”,然后默认“重置”操作会将包括playerName在内的所有字段重置为默认值。

由于您确实希望将其余字段重置为默认值,因此您应该保留默认的“重置”操作。您需要做的就是在默认操作后使函数playerName运行。一种方法是在一个小的超时:

resetInput