Question

我想根据选择设置输入的最大值。

从数据库中填充以下选项后，所有这些值都具有data-max属性，我希望在输入字段中将这些值设置为max。

例如，我有以下表格：

<select size="1" name="options" class="select">
  <option value="30" data-max="40">30</option>
  <option value="31" data-max="22">31</option>
  <option value="32" data-max="4">32</option>
  <option value="33" data-max="400">33</option>
  <option value="34" data-max="36">34</option>
</select>

除了这些SELECT选项之外，我还有一个输入字段，其中应该输入值，我希望与我为每个选择值存储的最大值匹配。

这是输入：

<input type="number" class="qty" name="qty" value="1" min="1" max="100" />

UPDATE ::

不再需要PHP部分，我已将数据属性的值添加为data-max，现在数据最大值应设置为输入的最大值。

怎么做？

Answer 1

您可以使用：

$('select').change(function(){
    $('input[type=number]').attr('max', $(this).find(":selected").data('max'));
});

DEMO：https://jsfiddle.net/lmgonzalves/2kzdaLa1/8/

根据选择的数据属性设置输入的最大值

1 个答案: