Создайте раскрывающееся меню на основе числового значения

Question

Моя компания предлагает множество заказных продуктов. Используемые компоненты основаны на многих факторах, таких как рабочие температуры, термопары и т. Д.

То, что я пытаюсь сделать, - это форма, в которой есть раскрывающееся меню всех внешних оболочек, которые мы предлагаем, но в раскрывающемся меню появляются только определенные выступы, основанные на рабочей температуре, которая вводится заранее.

Итак, например: у нас есть красная рукава, зеленая рукава и черная рукава. Красный имеет рабочую температуру 10 градусов, у зеленого - 20 градусов, а у черных - 30 градусов. Если клиент добавляет от 15, я хочу, чтобы Green и Black отображались только в выпадающем меню. Если они скажут, что у них есть от 30 градусов, я хочу, чтобы Блэк показывал.

Возможно ли это?

Мой код Рабочая температура является следующее:

<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 ниже значения ввода.