如何使用jquery选择JSF生成的html元素

时间:2017-03-20 02:38:24

标签: javascript jquery html jsf jsf-2

在我的JSF应用程序中,其中一个html元素具有以下ID。

FrmOffer:rptOffer:0:j_idt325:0:j_idt355:0:j_idt356:0:j_idt560:0:j_idt632

当我尝试使用下面的Jquery行选择元素时,

选项1: $(' #FrmOffer:rptOffer:0:j_idt325:0:j_idt355:0:j_idt356:0:j_idt560:0:j_idt632&#39);

返回:     未捕获错误:语法错误,无法识别的表达式:unsupported pseudo:rptOffer

选项2:

$('#FrmOffer\\:rptOffer\\:0\\:j_idt325\\:0\\:j_idt355\\:0\\:j_idt356\\:0\\:j_idt560:0\\:j_idt632');

返回: []

有人可以建议如何选择元素吗?

2 个答案:

答案 0 :(得分:0)

那样你会受苦。

在jsf中,如果所有元素都有一个Id,你可以使用连接其父元素名称的元素:

<h:form id="formId">
    <h:inputText id="emailAddresses" value="#{emailAddresses.emailAddressesStr}"/>

var input = document.getElementById('formId:emailAddress');

也许这个已回答的问题可以帮助你How can I know the id of a JSF component so I can use in Javascript

答案 1 :(得分:0)

我们可以使用本机javascript选择器而不是jquery。 以下是我的代码:

document.getElementById('FrmOffer:rptOffer:0:j_idt325:0:j_idt355:0:j_idt356:0:j_idt560:0:j_idt632');