如何使用javascript或jquery在Bootsfaces中获取SelectOneMenu值？
如何使用javascript或jquery在Bootsfaces中获取SelectOneMenu值？
提问于 2019-02-27 16:20:51
我是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获取数据。
回答 1
Stack Overflow用户
发布于 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/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54900922
复制相关文章
相似问题