Javascript 使用Jquery如何获取输入值以确定数据最小-最大范围上的选择框值

我想使用jQuery来更改输入框中的值，使用Select选项的Data Min和Data Max值来确定将Select值设置为哪个值

我有以下代码（注意：我用静态值更新了选项代码，选项和数据值将从数据库动态加载，因此它们会有所不同）：

这将返回一个数据数组和选项值，这是正确的方法吗？然后如何迭代该数组并将其与变量cbdLevel进行比较？

u可以尝试：

函数选择等级（值）{
常量值编号=编号（值）
开关（真）{
案例值编号<0：
cbdGrade.selectedIndex=0
打破
案例值编号===0：
cbdGrade.selectedIndex=1
打破
案例值事件处理
以下演示在触发
“input”
事件*时，
上的
将根据
处于动态范围内的值更改
。尽管演示具有
数据最小值
和
数据最大值
的硬编码值，但回调函数
cbd（）
可以处理为分配给每个
的每个
数据最小值/最大值对动态设置的任何有效值

*（与
“更改”
事件相比，
“输入”
事件的优点在于它是即时发生的）

顺便说一句，永远不要使用on-event属性：

我不认为这会起作用，因为data min和data max将是数据库中Grades表中的动态值。我无法硬编码阈值。到目前为止已添加我的脚本，谢谢。
<input type="number" step="0.1" name="cbd" id="cbd" class="form-control" onchange="selectGrade()" value="0">

<select class="form-control" name="cbdGrade" id="cbdGrade"> 
<option value=""></option>  
<option value="{D6C3B40F-9559-473A-8B24-44A911A82D52}" data-min="0" data-max="0">CBD 0 - 5.75</option>              
<option value="{4FD86F65-74BA-4F10-9D5F-57281ECFC76A}" data-min="0.1" data-max="1.9">CBD 1 - 17.50</option>
<option value="{3AC0F33C-D48E-4C10-B64A-B5473AF8DB98}" data-min="2" data-max="2.9">CBD 2 - 15.15</option>
</select>

function selectGrade() {
var cbdLevel = document.getElementById('cbd').value;
var arrGrade = new Array;

$("#cbdGrade option").each  ( function() {
    arrGrade.push ( $(this).data('min')+'-'+$(this).data('max')+'-'+$(this).val());
});

alert ( arrGrade.join(',' ) );

}