如何选择框选项数据最大属性的数据传递到输入框最大属性

Question

我想访问select Box选项的属性max数据的值传入到输入框max属性。

我的代码

<select onchange="valueGetter()">
<option value='40' data-max=50 >40</option>
</select>

<input id="table" type=number min="1" max="">

我想得到"；数据最大值"；值50到输入框"；max"；值设置为50。

我尝试了什么

function valueGetter(){
$("#table").attr('max',$(this).find(":selected").data('data-max'));
}

Answer 1

1. 在jQuery中使用max而不是data-max。

2. 只有当select更改时，代码才会运行，因此您无法仅使用一个选项进行测试。

function valueGetter({ value }) {
console.log(value);
$("#table").attr('max', value);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select onchange="valueGetter(this)">
<option value=40 data-max=50>40</option>
<option value=50 data-max=90>140</option>
</select>
<input id="table" type=number min="1" max="">