将选项的值传递给输入字段的最大属性

Question

我有一个选择菜单，每个选项都有一个值。

选择菜单如下所示：

<select id="pa_tiefe" name="attribute_pa_tiefe" data-attribute_name="attribute_pa_tiefe" data-show_option_none="yes">
<option value="">Tiefe</option>
<option value="25">bis 2,50 Meter</option>
<option value="30">2,51 - 3,00 Meter</option>
<option value="35">3,01 - 3,50 Meter</option>
<option value="40">3,51 - 4,00 Meter</option>
<option value="45">4,01 - 4,50 Meter</option>
</select>

现在我想将选项中的值传递给数字输入字段，以便为该输入字段提供最大值。

输入字段如下所示：

<input type="number" name="ppom[fields][exakte_tiefe_in_cm]" id="exakte_tiefe_in_cm" class="ex-tiefe" autocomplete="off" data-type="number" value="" min="" max="">

我有一个脚本，我可以通过它将选项的值传递给输入字段的类。

函数如下所示：

<script type="text/javascript">             
var prevVal;
$("#pa_tiefe").on("change",function(){
  var val = $(this).find('option:selected').val();
  $(".ex-tiefe").removeClass(`${prevVal}`).addClass(`${val}`);
  prevVal = val;
});
</script>

如何将选项的值传递给输入字段的最大属性，而不是传递给类属性？

Answer 1

已经找到答案了：

<script type="text/javascript">            
var prevVal;
$("#pa_tiefe").on("change",function(){
  var val = $(this).find('option:selected').val();
$(".ex-tiefe").attr('max', val);
  prevVal = val;
});
</script>