Javascript 基于数值生成下拉菜单

我公司提供许多定制产品。所使用的部件基于许多因素，如工作温度、热电偶等

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

例如：我们有红袖子、绿袖子和黑袖子。红色的工作温度为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>

---

我已经搜索了net和Stackoverflow，我发现的示例没有提供我需要的功能。如果需要，我可以提供更多信息，但如果可能的话，我希望通过Javascript获得这些信息。非常感谢您的帮助。

下面是一个使用jQuery的基本示例：

---

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

我的答案使用jQuery。似乎您没有在页面上使用jQuery？您可以在引用google CDN托管版本的其他脚本标记之前添加另一个脚本标记，也可以下载该文件并在本地托管。更新了my JSFIDLE以修复此问题。我应该删除disabled属性，而不是将其设置为false。这样做了，非常感谢您对我的问题的关注，感谢您的响应和帮助！：D