javascript中的JSF调用点击按钮不工作

我正在尝试在页面加载后单击一个按钮，打开一个包含一些信息的弹出窗口：

<script type="text/javascript">
        function doHiddenClickPuntoAgua() {
            document.getElementById("form:puntoAgua").click();
        }
</script>

<p:commandButton id="puntoAgua"
        actionListener="#{viewGestionBean.openDialogAgua()}"
        style="display: none;">
        <p:ajax event="dialogReturn"
            listener="#{gestionBean.actualizaTabla()}"
            update=":form:tablaUbicaciones" />
    </p:commandButton>

---

我看到函数正在从backbean调用，但actionListener在我的命令按钮中不工作。为什么？

您的DOM选择器没有正确引用目标，请重试

function doHiddenClickPuntoAgua() {
    document.getElementById("puntoAgua").click();
}
doHiddenClickPuntoAgua()

---

这回答了你的问题吗？请看，很可能有一个h:form，它像JSF中的命名容器一样，在it-ID前面加了一个前缀