Question

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

我想要的是一个表格，其中包含我们提供的所有外套的下拉菜单，但根据预先输入的工作温度，下拉菜单中只显示一定的套管。

例如：我们有一个红袖，绿袖和黑色袖子。红色的工作温度为10度，绿色的温度为20度，黑色的温度为30度。如果客户输入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>

我已经搜索过网络和Stackoverflow，我发现的例子并没有提供我需要的功能。如果需要，我可以提供更多信息，但如果可能的话，我想用Javascript获取。我感谢任何帮助。

Answer 1

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

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

根据数值生成下拉菜单

1 个答案: