将选项的值传递给输入字段的max-attribute

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>

如何将选项的值传递给输入字段的max-attribute，而不是传递给class-attribute?

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>