2013-04-12 50 views
2

清除文本框在HTML我有一些代码在这样如何使用Javascript

<html> 
<script type="text/javascript" src='LatihanKuisJs.js'></script> 
    <body> 
     <form name="kuis"> 
      <table border="1" width="50%"> 
       <tr> 
        <th colspan="2" >Celcius 
       </tr> 
       <tr> 
         <td align="center" width="80%">Kelvin</td> 
         <td align="center"><input type="text" id="kelvin"> 
         </td> 
       </tr> 
       <tr> 
        <td align="center" width="80%">Reamur</td> 
        <td align="center"><input type="text" id="reamur"></td> 
       </tr> 
       <tr> 
        <td align="center" width="80%">Fahrenheit</td> 
        <td align="center"><input type="text" id="fahrenheit"></td> 
       </tr> 
      </table> 
      <input type="button" value="Calculate" onclick='calculateCelcius();'/> 
      <br/><br/> 
      <textarea rows="20" cols="90" id="textarea"> 
      </textarea> 
      <br/><br/> 
      <input type="button" value="Clear" onclick='clear();'/> 
     </form> 
    </body> 
</html> 

和外部JavaScript函数像这样的html:

function calculateCelcius(){ 
    var kelvin = document.getElementById('kelvin'); 
    var reamur = document.getElementById('reamur'); 
    var fahrenheit = document.getElementById('fahrenheit'); 
    var textarea = document.getElementById('textarea'); 

    var hasil=(kelvin.value*1 + reamur.value*1 + fahrenheit.value*1); 
    textarea.value += hasil + '\n'; 
} 

function clear(){ 
    document.getElementById("textarea").value=""; 
} 

当我试图点击我的页面上的清除按钮,文本区域不清楚。 有什么问题?我该怎么做?

+0

返回一些错误到您的浏览器的控制台? –

+0

首先要检查浏览器的开发人员工具控制台(如果您使用的是Firefox,则打F12打开开发人员工具,然后您需要先安装Firebug),然后查看是否有任何错误报告。 –

+0

奥凯谢谢,我会尽力@AlessandroMinoccheri –

回答

9

刚刚从clear重命名功能,像clearTextarea,它会工作。

clear()方法是指过时document.clear()方法,该方法在MDN被描述为:

此方法用于清除在Mozilla的早期 (预1.0)版本的整个指定的文档。在最近版本的基于Mozilla的 应用程序以及Internet Explorer和Netscape 4中,此 方法不起作用。

此外,根据HTML5 specification

clear()方法必须什么也不做。

参考文献:定义onclick事件,当你函数名前:

  1. https://developer.mozilla.org/en-US/docs/DOM/document.clear
  2. http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#dom-document-clear
+0

+1 - 嗯,这是正确的。在那里明确保留字?我做了这个小提琴:http://jsfiddle.net/292Ra/它显示它作为cleart工作 –

+0

@TravisJ我只是想找到任何证据。 – VisioN

+0

它的工作原理..谢谢@VisioN –

-2

尝试添加JavaScript。
事情是这样的:

<input type="button" value="Clear" onclick='javascript: clear();'/> 
+4

这是不对的。 'javascript:'前缀只有在'href'或'src'属性中才需要,绝不会在事件处理程序中使用。 – searlea

+0

这不起作用。 – louisbros

1

如果使用这样的函数一个

function clearInput(element){ 
element.value=""; 
} 

然后在输入添加此

onfocus="clearInput(this)" 

这可以多次使用任何文本字段或文本区域,因为对象的ID传递它从调用该函数。

RKillah