Блог

У меня есть одно поле выбора с определенными параметрами, а затем второе поле выбора, которое динамически изменяется на основе первого выбора и выбирает из множества вариантов. Я пытаюсь показать конкретные результаты, основанные на первых двух вариантах.

Вот мой html:

 lt;h2gt;Valve Selection Guidelt;/h2gt; lt;hr /gt; Choose Fluid lt;select id="slct1" name="slct1" onChange="populate (this.id, 'slct2')"gt;  lt;option value=""gt;lt;/optiongt;  lt;option value="Accelerators"gt;Acceleratorslt;/optiongt;  lt;option value="Activators"gt;Activatorslt;/optiongt;  lt;option value="Alcohol"gt;Alcohollt;/optiongt;  lt;/selectgt; lt;hr /gt; Choose Valve Application lt;select id="slct2" name="slct2"gt;lt;/selectgt;  

Вот мой Javascript:

 lt;script type="text/javascript"gt; function populate (s1,s2){  var s1 = document.getElementById(s1);  var s2 = document.getElementById(s2);  s2.innerHTML = "";  if(s1.value == "Accelerators"){  var optionArray = ["|", "microdots|Microdots","dots|Dots","jetting|Jetting","lines/stripes|Lines/Stripes","filling/packaging|Filling/Packaging","microspray|Microspray","316l aseptic microspray|316L Aseptic Microspray","spray|Spray","internal spray|Internal Spray","internal band|Internal Band"];  }  else if(s1.value == "Activators"){  var optionArray = ["|", "microdots|Microdots","dots|Dots","jetting|Jetting","lines/stripes|Lines/Stripes","filling/packaging|Filling/Packaging","microspray|Microspray","316l aseptic microspray|316L Aseptic Microspray","spray|Spray","internal spray|Internal Spray","internal band|Internal Band"];  }  else if(s1.value == "Alcohol"){  var optionArray = ["|", "microdots|Microdots","dots|Dots","jetting|Jetting","lines/stripes|Lines/Stripes","filling/packaging|Filling/Packaging","microspray|Microspray","316l aseptic microspray|316L Aseptic Microspray","spray|Spray","internal spray|Internal Spray","internal band|Internal Band"];  }  for(var option in optionArray){  var pair = optionArray[option].split("|")  var newOption = document.createElement("option");  newOption.value = pair[0];  newOption.innerHTML = pair[1];  s2.options.add(newOption);  } }     lt;/scriptgt;  

Я натолкнулся на стену. Я хочу динамически показывать результаты. У меня есть список результатов. Это в основном начиналось как таблица, и я пытаюсь сделать ее динамическим селектором. Поэтому, если вы выберете опцию из столбца x, а затем выберете опцию из столбца y, вы получите результат.

Надеюсь, это достаточно ясно.

Спасибо