Php HTML选择类型

我的选择类型有问题。。 如果选择WAPC，yeargrad选择类型应包含2011-2015年，ASU yeargrad应为2000-2010年，INAIS 1900-1999年

<div class="field">
<label for="school">School</label>
<select name="school" id="school" >                                                                                         <option value="WAPC" selected>WAPC</option>
<option value="INAIS">INAIS</option>
<option value="ASU">ASU</option>
</select>                       
</div>  



<select name="yeargrad" id="yeargrad">
<?php           
if(['school'] == 'WAPC'){                               
for ($i=2011; $i<=2015; $i++)
{
echo '<option value='.$i.'>'.$i.'</option>';
} 
}

if(['school'] == 'ASU'){                                
for ($i=2000; $i<=2010; $i++)
{
echo '<option value='.$i.'>'.$i.'</option>';
} 
}

if(['school'] == 'WAPC'){                               
for ($i=1999; $i<=1990; $i++)
{
echo '<option value='.$i.'>'.$i.'</option>';
} 
}
?>
?>  
</select>

学校
WAPC
伊奈
华硕
?>  

您应该在JS/JQUERY中执行此操作

这是我的例子：

将onchange函数添加到Select元素

<div class="field">
<label for="school">School</label>
<select name="school" id="school" onchange="change()">
    <option value="WAPC" selected>WAPC</option>
    <option value="INAIS">INAIS</option>
    <option value="ASU">ASU</option>
</select>
</div>
  <select name="yeargrad" id="yeargrad">
</select>

学校
WAPC
伊奈
华硕

这个是JS的

function change(){
   var selectetOption = $('#school').find(":selected").text();

   if(selectetOption==='WAPC'){
       for (i = 2011; i <= 2015; i++) {
         $('#yeargrad').append("<option value='"+i+"'>"+i+"</option>");
       }
   }
   else if(...){
       ...
   }
}

函数更改（）{
var selectetOption=$（“#学校”）.find（“：selected”）.text（）；
如果（选择选项==='WAPC'）{
对于（i=2011；i我认为您应该使用jquery更简单

这是我的样品

HTML:

我希望这会有所帮助

<select name="school" id="school" onchange="showHint(this.value);">
    <option value="WAPC" selected>WAPC</option>
    <option value="INAIS">INAIS</option>
    <option value="ASU">ASU</option>
</select>

<script>
    function showHint(str) {
        if (str.length == 0) {
            console.log("Value doesn't come");
            return;
        } else {
             var sel = document.getElementById('yeargrad');
             sel.innerHTML = null;
             if(str == 'WAPC'){
                 for (var i = 2011; i < 2016; i++) {
                     var opt = document.createElement('option');
                     opt.innerHTML = i;
                     opt.value = i;
                     sel.appendChild(opt);
                 }
             }elseif(str == 'INAIS'){
                 for (var i = 1900; i < 2000; i++) {
                     var opt = document.createElement('option');
                     opt.innerHTML = i;
                     opt.value = i;
                     sel.appendChild(opt);
                 }
             }elseif(str == 'ASU'){
                 for (var i = 2000; i < 2011; i++) {
                     var opt = document.createElement('option');
                     opt.innerHTML = i;
                     opt.value = i;
                     sel.appendChild(opt);
                 }
            }
        }
    }
</script>


WAPC
伊奈
华硕
函数showHint（str）{
如果（str.length==0）{
log（“值没有出现”）；
返回；
}否则{
var sel=document.getElementById（'yeargrad'）；
sel.innerHTML=null；
如果（str=='WAPC'）{
对于（var i=2011；i<2016；i++）{
var opt=document.createElement（'option'）；
opt.innerHTML=i；
opt.value=i；
选择附加儿童（opt）；
}
}elseif（str=='INAIS'）{
对于（变量i=1900；i<2000；i++）{
var opt=document.createElement（'option'）；
opt.innerHTML=i；
opt.value=i；
选择附加儿童（opt）；
}
}elseif（str=='ASU'）{
对于（var i=2000；i<2011；i++）{
var opt=document.createElement（'option'）；
opt.innerHTML=i；
opt.value=i；
选择附加儿童（opt）；
}
}
}
}

让我知道这是否有帮助。
['school']
这更像是等待工作的伪代码（没有表单标签，没有POST或GET指示，等等）我认为js应该是这里最好的学校是包含“WAPC”、“INAIS”、“ASU”的选择类型…如果我选择WAPC。在毕业年份下，选择框应该包含2011-2015年之间的范围，ASU在1990-2014年之间
(function($){
    $(document).ready(function(){
    $('select[name="select1"]').on('change', function(){
        var sel1 = $(this);
      var sel2 = $('select[name="select2"]');
      $('option', sel2).remove();
      if(sel1.val() === 'val1'){//Checks the select value
        sel2.append(new Option("option text1", "value1"));
        sel2.append(new Option("option text2", "value2"));
      }
      else if(sel1.val() === 'val2'){
        sel2.append(new Option("option text3", "value3"));
        sel2.append(new Option("option text4", "value4"));
      }
      else if(sel1.val() === 'val3'){
        sel2.append(new Option("option text5", "value6"));
        sel2.append(new Option("option text6", "value7"));
      }
    });  
  });

})(jQuery);

<select name="school" id="school" onchange="showHint(this.value);">
    <option value="WAPC" selected>WAPC</option>
    <option value="INAIS">INAIS</option>
    <option value="ASU">ASU</option>
</select>

<script>
    function showHint(str) {
        if (str.length == 0) {
            console.log("Value doesn't come");
            return;
        } else {
             var sel = document.getElementById('yeargrad');
             sel.innerHTML = null;
             if(str == 'WAPC'){
                 for (var i = 2011; i < 2016; i++) {
                     var opt = document.createElement('option');
                     opt.innerHTML = i;
                     opt.value = i;
                     sel.appendChild(opt);
                 }
             }elseif(str == 'INAIS'){
                 for (var i = 1900; i < 2000; i++) {
                     var opt = document.createElement('option');
                     opt.innerHTML = i;
                     opt.value = i;
                     sel.appendChild(opt);
                 }
             }elseif(str == 'ASU'){
                 for (var i = 2000; i < 2011; i++) {
                     var opt = document.createElement('option');
                     opt.innerHTML = i;
                     opt.value = i;
                     sel.appendChild(opt);
                 }
            }
        }
    }
</script>