根據選擇的數據屬性設置輸入的最大值

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> 

除了這些選擇選項我有一個輸入字段，應該被輸入的值，我想匹配，我已存儲的最大值每個選擇值。

這是輸入：

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

UPDATE ::

不再需要的部分PHP，我已添加的值的數據屬性作爲data-max現在數據-max值應設置作爲輸入的最大值。

如何做到這一點？

Answer 1

您可以使用此：

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

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