我是JSF的新手,我想用javascript或jquery获取SelectOneMenu值来做表单验证。
我尝试用通常的方式获取它,如下所示:
function apasa() {
var a = $("#j_idt68Inner").val();
alert(a);
}
但它返回null。这是JSF代码:
<b:column medium-screen="6">
<b:selectOneMenu colMd="2" required="true" labelColMd="2" style="width:200px;margin-top: 30px;" >
<f:selectItem itemLabel="Selecteaza raport" itemValue="" />
<f:selectItem itemLabel="1.Neconcordante D394" itemValue="1" />
<f:selectItem itemLabel="2.Neconcordante D112 REVISAL" itemValue="2" />
</b:selectOneMenu>
</b:column>
此组件在表单中。我想从itemValue获取数据。
发布于 2019-02-28 04:36:59
一般建议:在使用JSF时,请忘记ids。而是使用伪CSS类。
长答案: JSF使用完全限定的ids。这是个好主意。它允许您对表中的每一行使用相同的id。在内部,JSF为这些it添加了一个前缀,但从表面上看,它对您隐藏了这一点。大多数情况下,这为Java程序员提供了一个不错且简单的API。
如果您使用jQuery,就会出现问题。其中,完全限定id至少包含一个冒号。您必须在每个jQuery选择器中对其进行转义。另外,您需要知道完全限定的名称。
所以你要么让自己熟悉id是如何组成的。虽然这是一种很好的方法-- JSF处理I的方法既简单又聪明!--但我不推荐这样做。通常,更容易使用伪CSS类,如下所示:
<b:selectOneMenu class="raport-selection" >
<f:selectItem itemLabel="Selecteaza raport" itemValue="" />
<f:selectItem itemLabel="1.Neconcordante D394" itemValue="1" />
<f:selectItem itemLabel="2.Neconcordante D112 REVISAL" itemValue="2" />
</b:selectOneMenu>
现在,您可以使用简单的jQuery选择器访问值:
$(".raport-selection").val();
有两个“但是”:
<ui:repeat>
中多次使用选择框,伪类方法就会失败。在本例中,您最终得到了同一个输入字段的多个副本,每个副本都带有相同的伪CSS类。<b:selectOneMenu>
有两种风格。如果激活select2=true
选项,BootsFaces会生成完全不同的代码。要了解implemented.的select2
风格,请看一看https://select2.org/
https://stackoverflow.com/questions/54900922
复制相似问题