Question

我希望选择相互关联的框。他们需要从上到下工作。并且在另一个框的末尾，它不能是一个选择框，而是一个只读的输入，但链接到最后一个选择条。只连接第一个和第二个选择框，但第二个和第三个选择框必须连接到第一个和第二个选择框的结果。 all都与数据库连接。

<select name="funcgroep" class="input" id="functiegroep" onchange="giveSelection(this.value)">
<option></option>
<option value="01">01</option></select>

<p>Functieschaal</p> 
<select name="funcschaal" class="input" id="functieschaal">
<option value="01A" data-option="01">01A</option><option value="01B" data-option="01">01B</option><option value="01C" data-option="01">01C</option></select>

<p>Periodiek </p>
<select name="periodiek" class="input" id="periodiek">
<option></option>
<option data-option="01A">A</option><option data-option="01A">P01</option><option data-option="01A">P02</option><option data-option="01A">P03</option><option data-option="01A">P04</option></select><br>

的javascript

<script>
var functiegroep = document.querySelector('#functiegroep');
var functieschaal = document.querySelector('#functieschaal');
var options2 = functieschaal.querySelectorAll('option');

function giveSelection(functiegroepValue) {
  functieschaal.innerHTML = '';
  for(var i = 0; i < options2.length; i++) {
    if(options2[i].dataset.option === functiegroepValue) {
      functieschaal.appendChild(options2[i]);
    }
  }
}

giveSelection(functiegroep.value);
</script>

用javascript连接三个选择框

0 个答案: