【问题标题】:reusing Text field value in same jsp page在同一个jsp页面中重用文本字段值
【发布时间】:2013-12-13 12:23:49
【问题描述】:

如何使用我再次从 GUI 输入的文本字段的值进行进一步计算?我有以下代码

<tr>
  <td> Enter Index Value:</td>
  <td><input type="text" title="Enter Index#" id="ind" name="index"
             size="2" maxlength="2" /></td>
  <td><input type="text" name="bid" value=<%= lm.book_ids.get(a-1)%>
             style="visibility: hidden" /></td>
  <td><input type="text" name="brid" value=<%= lm.branch_id.get(a-1)%>
             style="visibility:hidden" /></td>
  <td><input type="text" name="cardno" value=<%= lm.cards.get(a-1)%>
             style="visibility: hidden" /></td>
</tr>

我想使用文本字段的值来代替“a”,它是一个任意 java int 变量。

【问题讨论】:

  • 您到底想做什么?使用与用户在上面的输入字段中给出的相同索引的数据更新那些隐藏的文本字段(应该是隐藏字段,如果您将它们隐藏,而不是文本字段)?
  • 是的。我将这些值重定向到我的 servlet 以进行进一步计算。因为我只想使用它们的值,所以它们一直被隐藏起来。

标签: java javascript jsp arraylist


【解决方案1】:

您不能以这种方式更改变量。当 JSP 文件呈现为 HTML 时,您的 scriptlet(也是 bad design BTW)只会运行一次。当用户加载页面时,只有小脚本给出的数据作为文本留在 HTML 中。

您要么必须在页面加载时将整个数据结构保存到 Javascript 数组中,并根据索引不断交换数据,要么然后使用 AJAX 从您的服务器获取新数据。

* 编辑 *

这是一个例子:

<head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

     <script type="text/javascript">
        $(document).ready(function() {
            var indexField = $("#ind");
            var bidArray = new Array();
            bidArray[0] = '<%= lm.book_ids.get(0) %>';
            bidArray[1] = '<%= lm.book_ids.get(1) %>';

            indexField.keyup(function() {
                var index = indexField.val();
                var bid = bidArray[index];

                if (bid !== undefined) {
                    $("#bid").val(bid);
                }
            });
        });
    </script>
</head>

[...]

<tr>
    <td>Enter index value:</td>
    <td><input type="text" title="Enter Index#" id="ind" name="index"
               size="2" maxlength="2" /></td>
    <td><input type="hidden" id="bid" name="bid" /></td>
</tr>

还有一个JSfiddle

【讨论】:

  • 能否请您告诉我如何使用 java 脚本来完成,我的意思是暂时保存文本字段值并在我想要的地方使用它。
  • 查看更新的答案,我相信您可以处理循环和更新其他字段。
  • 我明白了。感谢您的详细解释。
猜你喜欢
  • 2018-11-18
  • 2023-04-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-05
相关资源
最近更新 更多