使用$（。className）.val（）时获取未定义

Question

我在使用$（。className）.val（）时未定义，但$（。className）返回Object。请建议如何在jquery中获取text字段的值。

Follwing是代码段。

$(document).ready(function() {
   alert($(".className").val());
});

<h:textField value="#{bean.firstName}" id="fiestName" class="className"/>

Answer 1

用jsf定义的标记属性中的 styleClass 替换类属性。

<h:textField value="#{bean.firstName}" id="fiestName" styleClass="className"/>

Answer 2

我认为更好地使用id作为触发器来获取textfield的值，因为id是唯一的而class不是。

低于我的建议代码（在警报内更改选择器）：

$(document).ready(function() {
   alert($("#fiestName").val());
});

<h:textField value="#{bean.firstName}" id="fiestName" class="className"/>

Answer 3

使用函数执行或使用html代码编写jquery

<h:textField value="#{bean.firstName}" id="fiestName" class="className"/>
 $(document).ready(function() {
 alert($(".className").val());
  });