无法使用jQuery获取文本字段值

时间:2012-11-18 08:22:27

标签: javascript jquery ajax struts2

我有一个invoice.jsp页面,我必须使用jQuery在文本框中计算一些值。

在我的发票中有一个数量文本框。如果用户输入数量,那么应该动态计算计算出的价格,即(total_subPrice= unit_price * quantity),并显示在另一个名为“价格”的文本框中。

现在我的当前输出是这样的: enter image description here

我尝试使用下面的代码来解决此问题,但我的jQuery代码无法获取unitprice文本字段数据。我不知道为什么。请检查下面的代码,并为我建议一个解决方案。

invoice.jsp

--------------------
--------------------
<script type="text/javascript">
  $(document).ready(function(){
    $(function() {
      $('input[name^="quantity"]').change(function() {
        var unitprice = $(this).siblings('input[name^="unitprice"]').val();
        alert("Unit price check="+unitprice);
        //problem in this line. Unable to get the unit price
        $(this).siblings('input[name^="price"]').val($(this).val() * unitprice);
      });
    });
  });
</script>
..............................
..............................
<!--
  Here I am iterating through a list from my dabase using strus2 framework tags.
  And defined my  input field values in struts2 tag eg. `<s:textfield.../>`
  is the same as `<input type="text".../>
-->
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <s:iterator  value="#session.BOK" status="userStatus">
    <tr style="height: 10px;">
      <td width="65%" align="left"><s:property value="bookTitile"/></td>
      <td width="10%" align="left">
        <s:textfield name="unitprice" value="%{price}" size="4"/>
      </td>
      <td width="10%" align="center">
        <s:textfield name="quantity" value="%{quantity}" size="2" />
      </td>
      <td width="15%" align="center">
        <s:textfield value="%{price}" name="" size="6"></s:textfield>
      </td>
    </tr>
  </s:iterator>
</table>
................................
................................

当我更改数量文本框中的任何值时,我的警告框显示“单价检查=未定义”。请检查我的代码并提出任何解决方案。

更新:生成的HTML

 inside loop {
  <tr style="height: 10px;">
    <td width="65%" align="left">book title display</td>
    <td width="10%" align="left">
      <input type="text" name="unitprice" value="%{price}" size="4"/>
    </td>
    <td width="10%" align="center">
      <input type="text" name="quantity" value="%{quantity}" size="2" />
    </td>
    <td width="15%" align="center">
      <input type="text" value="%{price}" name="" size="6"></s:textfield>
    </td>
  </tr>

1 个答案:

答案 0 :(得分:1)

我得到了它的工作:http://jsbin.com/efinak/2/edit

$(function() {
  $('input[name="quantity"]').change(function() {
      var unitprice = $(this).parents('tr').find('input[name="unitprice"]').val();
      $(this).parents('tr').find(' input[name="price"]').val($(this).val() * unitprice);

    });
});