Question

我有以下代码

<h:form id="calcForm">
  <h:panelGrid columns="3" styleClass="panelGridNoBorder">
    <p:inputText id="value" />
    <p:commandButton value="calculate " onclick="calc()" />
  </h:panelGrid>
  <script>
    function calc() {
      var value = $("#value").val();
      console.log(value);
      alert(value);
    }
  </script>
</h:form>

我想按下计算按钮并显示来自inputtext的值的警报。但我得到undefine。我看到inputtext id是calcForm:value。我怎样才能获得inputtext值？

编辑：在代码中

<p:inputText id="value" />

浏览器中的

<input id="calcForm:value" name="calcForm:value" type="text" maxlength="18" style="font-weight: bolder; font-size: 2.4em;" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false">

Answer 1

如果我理解你正确遵循将解决你的问题

var value = $("#calcForm\\:value").val()

＆＃13;

function calc() {
  var value = $("#calcForm\\:value").val();
  console.log(value);
  alert(value);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="calcForm:value" name="calcForm:value" type="text" maxlength="18" style="font-weight: bolder; font-size: 2.4em;" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false">
<button onclick="calc()">Calculate</button>

＆＃13;

使用JQuery获取primefaces inputtext值

1 个答案: