javascript - 如何点击 p :commandButton using javascript

Question

这个问题已经有答案了:

How to select JSF components using jQuery? (4 个回答)

已关闭 8 年前。

我的JSF页面中有很多标签。我想点击p:commandButton以其中一种形式使用 javascript。但这不起作用。当我使用chrome调试它时，它提示 p:commandButton找不到，也就是说 $("#templetFile\:editButton") 为 null，为什么？

这是我的代码:

<h:form id="templetFile" style="height:100%">
<input type="button" value = "click me" onclick="testOnclick();"/>
<p:commandButton id="editButton" value="ceshi" styleClass="button"
	action="#{advancedQueryManager.editModAndClass()}" onclick="getValddd()"
	style="display:none">
	<p:ajax event="dialogReturn" update="templFile"
	listener="#{advancedQueryManager.onreturn()}" />
</p:commandButton>
		<script type="text/javascript" >
			function testOnclick() {
				var a =$("#templetFile\\:editButton");
				a.click();
			}
			function getValddd(){
				alert("Allready onclick!");
			}
		</script>
  </h:form>

如果我使用这个js代码var b = document.getElementById('editButton');我仍然无法获取 p:commandButton 元素。为什么？如何使用 javascript 获取 p:commandButton？

Answer 1

可能，jsf 为按钮创建了一个新的 ID，因此 document.getElementById('editButton') 不起作用。为了解决这个问题，您可以向按钮添加任意样式类；

styleClass="button myButtonToClick" 和 javascript 应该是这样的；

var x =document.getElementsByClassName("myButtonToClick");
x[0].click();