javascript清除asp文本框上的html按钮点击

Question

我想清除一个asp文本框，当点击一个按钮（html）。

所以基本上JS函数是：

<script type="text/javascript"> 
    function clearTextBox() { 
     document.getElementByID('<%=txtFName.ClientID%>').value = ""; 
    } 
</script> 

和一个asp.net文本框

<asp:TextBox ID="txtFName" runat="server" class="form-control" placeholder="First name" AutoCompleteType="Disabled" MaxLength="30" /> 

而一个HTML按钮

所有按钮和其他控制处于asp更新面板（不知道它是不同的）

没有happend当我点击的HTML clearButton，在Web控制台上的错误：

Uncaught TypeError: undefined is not a function 
clearTextBox 
onclick 

Answer 1

变化

document.getElementByID 

到

document.getElementById 

，它的工作。幸得Mudassar

谢谢大家！

Answer 2

我会建议添加JS到Head part of page.那么就不会创建Uncaught ReferenceError: clearTextBox is not defined

Answer 3

试图通过文本框的标识，你的情况应该是：

document.getElementByID('txtFName').value = ""; 

，然后分配方法，你输入这样的事情

asp:textbox ..... onClick="yourMethodName" 

Answer 4

您需要添加

ClientIDMode="Static" 

，所以你的文本框看起来像这样

<asp:TextBox CliendIDMode="Static" ID="txtFName" runat="server" class="form-control" placeholder="First name" AutoCompleteType="Disabled" MaxLength="30" /> 

在asp.net页面时呈现控件的ID发生变化

我建议你应该使用jQuery。

$("#txtFName").val(""); 

而且在你的JavaScript功能

也返回false尝试在一个阻止你的JS

Answer 5

移动你的下面的js代码在页眉或其他一些地方，现在它是无法找到你js功能。它必须由于某种错误或中断而破裂。或者尝试将js alert/debugger放入你的js函数中，以确保你甚至能够找到这个函数。清除文本框是下一步。

<script type="text/javascript"> 
function clearTextBox() { 
    alert('Hello World'); 
}</script> 

现在，如果你能看到你的警报，那么你的代码就可以找到你的功能。然后修改喜欢你的文本标签：

<asp:TextBox CliendIDMode="Static" ID="txtFName" runat="server" class="form-control" placeholder="First name" AutoCompleteType="Disabled" MaxLength="30" /> 

现在，修改你的clearTextBox功能，如：

<script type="text/javascript"> 
function clearTextBox() { 
    document.getElementById('txtFName').value = ''; 
}</script> 

Answer 6

function clearTextBox() { 
    var elements = [] ; 
    elements = document.getElementsByClassName("form-control"); // your class name 

    for(var i=0; i<elements.length ; i++){ 
     elements[i].value = "" ; 
    } 
}