根据数值生成下拉菜单

Question

我公司提供很多定制产品。使用的组件取决于许多因素，例如工作温度、热电偶等。

我想做的是一个表格，它有一个我们提供的所有外套管的下拉菜单，但是根据预先输入的工作温度，只有某些套管出现在下拉菜单中。

例如：我们有红袖、绿袖和黑袖。红色的工作温度为 10 度，绿色的温度为 20 度，黑色的温度为 30 度。如果客户输入的 ot 为 15，我希望绿色和黑色仅显示在下拉菜单中。如果他们说他们有 30 度的 ot，我只希望黑方显示。

这可能吗？

我的工作温度代码如下：

<b>Operating Temperature</b><br>
<input type="text" id="temperature" onchange="updateText('temperature')" /> <font size="1">Specify Operating Temperature in °F</font>
<script>
document.getElementById("temperature").onkeyup=function(){
    var input=parseInt(this.value);
    if(input<1 || input>9999)
    alert("Value should be between 1°F - 9999°F");
    return;
}    
</script>

我已经搜索过网络和 Whosebug，但我发现的示例没有提供我需要的功能。如果需要，我可以提供更多信息，但如果可能的话，我想通过 Javascript 获得。感谢所有帮助。

Answer 1

这是一个使用 jQuery 的基本示例： http://jsfiddle.net/3egLgL7v/

我为每个包含工作温度的选项设置了一个 data-temp 属性。当数字输入更改时，我禁用 data-temp 值低于输入值的选项。

根据数值生成下拉菜单

Generate a Drop-Down menu based on a numeric value

html

javascript

drop-down-menu