Button klicken funktioniert nicht in Javascript

Question

Ich versuche, einen Klick in einem html Button über javascript zu tun, aber ich kann es nicht funktionieren.

Dies ist die Taste I mit javascript zu klicken bin versucht (es funktioniert, wenn ich es klicken)

<button id="btnClean" runat="server" type="button" class="btn btn-warning btn-cons m-b-10" onserverclick="btnClean_Click"> 
    <i class="fa fa-trash-o"></i> 
    <span class="bold m-l-3">Limpar</span> 
</button> 

Dies ist der Knopf, der die javascript Funktion aufruft:

<button id="btnCreateOS" type="button" class="btn btn-success btn-cons m-b-10" onclick="Clean();"> 
    <i class="fa fa-save"></i> 
    <span class="bold m-l-3">Criar</span> 
</button> 

Und das ist mein javascript (es befindet sich unter <form> Markierung in meiner .aspx Seite):

<script type="text/javascript">   

    function Clean() { 

     document.getElementById("btnClean").click(); 

    } 

</script> 

Und schließlich ist dies die asp Methode:

public void btnClean_Click(object sender, EventArgs e) 
{ 
    CleanFields(); 
} 

Irgendwelche Ideen, was ich falsch mache?

Answer 1

Bsically, was passiert, wenn Sie Master-und Content-Seite verwenden, dann ändert er immer seine ID nach ihm Standardverhalten.

function Clean() { 
     //document.getElementById("btnClean").click() 

     document.getElementById('<%= btnClean.ClientID %>').click(); 
    } 

Eine andere Lösung, die Sie gerade ClientIDMode = "Static" hinzufügen.

<button id="btnClean" runat="server" clientidmode="Static" type="button" class="btn btn-warning btn-cons m-b-10" onserverclick="btnClean_Click"> 
     <i class="fa fa-trash-o"></i> 
     <span class="bold m-l-3">Limpar</span> 
    </button> 

in Ihrem Button ..

Dann wird Ihr aktueller JavaScript-Code auch arbeiten ..

function Clean() { 
     document.getElementById("btnClean").click(); 

     //document.getElementById('<%= btnClean.ClientID %>').click(); 
    } 

Answer 2

sollten Sie

document.getElementById("btnClean").trigger("click"); 

stattdessen verwenden, weil es schneller ist. Vielleicht solltest du auch versuchen, Standardverhalten in btnClear_Click zu verhindern? Versuchen Sie, Ihren beiden Funktionen eine console.log ("a") (oder besser "b" in der zweiten) hinzuzufügen, um zu sehen, ob und welche der beiden Funktionen ausgeführt wird.