javascript - 按钮单击在 JavaScript 中不起作用

Question

我正在尝试单击 html按钮通过javascript ，但我无法让它工作。

这是我尝试使用 javascript 单击的按钮(点击它就可以了)

<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>

这是调用 javascript 的按钮功能:

<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>

这是我的 javascript (它位于我的 <form> 页面中的 .aspx 标签下):

<script type="text/javascript">        

    function Clean() {

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

    }

</script>

最后，这是 asp方法:

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

知道我做错了什么吗？

Answer 1

基本上会发生什么，当您使用母版页和内容页时，它总是根据默认行为更改其 id。

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

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

另一个解决方案，您只需添加ClientIdMode="Static"。

<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>

在你的按钮中..

那么你当前的 JavaScript 代码也将起作用..

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

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