如何使用 JavaScript 从 JSF 页面的输入文本中提取值

Question

大家好，我尝试使用 document.getElementById("someid") 从 JSF 页面的字段中提取值

，这是实际的代码

      <h:form id="hell">
                <h:panelGrid columns="12" border="0">
                    <h:outputLabel>Airlines</h:outputLabel>
                    <h:selectOneMenu  value="#{planeMngr.PM.airline_no}" styleClass="inputbox" style="width:150px">
                        <f:selectItems value="#{projectUtil.airlineList}" var="AList" itemLabel="#{AList.name}" itemValue="#{AList.name}"/>
                    </h:selectOneMenu>
                    <h:outputLabel>Source</h:outputLabel>
                    <h:selectOneMenu  value="#{planeMngr.PM.source}" styleClass="inputbox" style="width:150px">
                        <f:selectItems value="#{projectUtil.contyList}" var="RList" itemLabel="#{RList.country_Name}" itemValue="#{RList.country_Name}"/>
                    </h:selectOneMenu>
                    <h:outputLabel>Destination</h:outputLabel>
                    <h:selectOneMenu value="#{planeMngr.PM.destination}" styleClass="inputbox" style="width:150px">
                        <f:selectItems value="#{projectUtil.contyList}" var="RList" itemValue="#{RList.country_Name}"/>
                    </h:selectOneMenu>

                    <h:outputLabel>Departure Date</h:outputLabel>
                    <h:inputText id ="depday" value="#{planeMngr.PM.departure_date}" label="dd/mm/yyyy" >
                        <f:convertDateTime pattern="dd/MM/yyyy" dateStyle="full" ></f:convertDateTime>

                    </h:inputText>



                    <h:outputLabel>Departure Time </h:outputLabel>
                    <h:inputText id="deptime" value="#{planeMngr.PM.departure_time}" label="HH:MM"  >
                        <f:convertDateTime pattern="HH:mm"></f:convertDateTime>
                    </h:inputText>



                    <h:outputLabel value="Status"/>
                    <h:selectOneMenu  label="Status" value="#{planeMngr.PM.status}">
                        <f:selectItem  itemLabel="PreFlight" itemValue="PreFlight" />
                        <f:selectItem  itemLabel="Open" itemValue="Open" />
                        <f:selectItem  itemLabel="Restricted CheckIn" itemValue="Restricted_CheckIn" />
                        <f:selectItem  itemLabel="Restricted" itemValue="Restricted" />
                        <f:selectItem  itemLabel="Closed" itemValue="Closed" />
                        <f:selectItem  itemLabel="Released" itemValue="Released" />
                    </h:selectOneMenu>
                </h:panelGrid>
                <h:commandButton onclick="return datevalidate()" action="#{planeMngr.ADD}" value="save" ></h:commandButton>
            </h:form>

，这是我的 JS 代码。我只是检查用户填写的字段中的值是什么。

 function datevalidate()
{
  var dat = document.getElementById("hell:deptime");
var day = document.getElementById("hell:depday");
alert(dat +" time "+day); // this gives "[object HTMLInputElement] time [object HTMLInputElement]" as an out put
return false;   
}

告诉我我在这里做错了什么？

Answer 1

在 JavaScript 中，要从 HTMLInputElement 获取值，请使用其值字段：

alert(dat.value +" time "+day.value);

Answer 2

<h:form  id="myform">
 <h:inputText  id="name" value="#{beanClass.name}" 
                a:placeholder="Enter Client Title"> </h:inputText>
</h:form>

这是 jsf inputText 的一个小例子。现在我将编写 javascript 代码来获取上述 jsf 组件的值：

    var x = document.getElementById('myform:name').value; //here x will be of string type

   var y= parseInt(x,10); //here we converted x into Integer type and can do the 
                           //arithmetic operations as well