JEASYUI 数据选项最大值设置为变量答案

【问题标题】：JEASYUI data-option max set to variableJEASYUI 数据选项最大值设置为变量
【发布时间】：2026-02-04 20:30:01
【问题描述】：

我正在为我的表单使用 JEASYUI。我有一个带有文本框 (pqty) 的编辑表单，我想将其 max 属性设置为另一个文本框 (sqty) 的值，但我不知道这是否可能。我知道你可以通过使用特定的数字来设置它，但我需要这个变量。 data-options="max:*sqty value here* 之类的东西？

<div class="fitem">
<label>PO Qty:</label>
<input name="pqty" class="easyui-numberbox" data-options="required:true, max:***">
</div>

<div class="fitem">
<label>SO Qty:</label>
<input type="hidden" name="sqty">
<input name="sqty" disabled>
</div>

【问题讨论】：

标签： jquery-easyui

【解决方案1】：

使用创建 numberbox 的 javascript 方法用新参数 (http://www.jeasyui.com/documentation/index.php) 重新定义现有 numberbox。

在下面的演示中，您可以在 SO Qty 中设置一个新的最大值。退出将更改 PO 数量 的设置，包括如果高于新的最大值则降低其值。

$(function() {
  $("#sqty").on('change', function() {
  
    newMax = $(this).val() * 1; // * 1 makes it numeric rather than a string    
    
    $('#pqty').numberbox({
      max: newMax
    });
    
  });
});

<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<div id="me">
  <div class="fitem">
    <label>PO Qty:</label>
    <input id="pqty" name="pqty" class="easyui-numberbox" data-options="required:true, max:22">
  </div>

  <div class="fitem">
    <label>SO Qty:</label>
    <input id="sqty" name="sqty">
  </div>
</div>

【讨论】：