Javascript InnerHTML更改适用于firefox,但不适用于IE 9

Javascript InnerHTML更改适用于firefox,但不适用于IE 9,javascript,html,internet-explorer,firefox,Javascript,Html,Internet Explorer,Firefox,因此,我有一个选项元素,我试图根据单选按钮更改值。 我无法轻松地清除/添加options元素,所以我只想更改内部html。它在Firefox中有效,但在IE中无效 我的选择选项 <select name="TOR" id="TOR"> <option value="MVR Only">MVR Only</option> <option value="Employee">Employee</option> <opti

因此,我有一个选项元素,我试图根据单选按钮更改值。 我无法轻松地清除/添加options元素,所以我只想更改内部html。它在Firefox中有效,但在IE中无效

我的选择选项

 <select name="TOR" id="TOR">
  <option value="MVR Only">MVR Only</option>
  <option value="Employee">Employee</option> 
  <option value="Employee + MVR">Employee + MVR</option>
  <option value="Faculty">Faculty</option>
  <option value="Faculty + MVR">Faculty + MVR</option>  
  <option value="Students">Students</option>
  <option value="Students + MVR">Students + MVR</option>
  <option value="Volunteers">Volunteers</option>
  <option value="Volunteers + MVR">Volunteers + MVR</option>
  <option value="International Employee">International Employee</option>  
  <option value="International Employee + MVR">International Employee + MVR</option>
  <option value="International Faculty">International Faculty</option>
  <option value="International Faculty + MVR">International Faculty + MVR)</option>
  <option value="International Students">International Students)</option>
  <option value="International Students + MVR">International Students + MVR)</option>
  <option value="International Volunteers">International Volunteers)</option>
  <option value="International Volunteers + MVR">International Volunteers + MVR)</option>
  </select> 

仅MVR
雇员
员工+MVR
官能
教员+MVR
学生
学生+MVR
志愿者
志愿者+MVR
国际雇员
国际员工+MVR
国际学院
国际教员(MVR)
(国际学生)
国际学生+MVR)
(国际志愿人员)
国际志愿者(MVR)
JavaScript来更改选项

 <script>
 function RadioChange(){
    var x = document.getElementById("TOR");
    x.innerHTML = " ";
if(document.getElementsByName("FTE")[0].checked == true){   
    x.innerHTML +='<option value="MVR Only(FTE)">MVR Only(FTE)</option>';
    x.innerHTML +='<option value="Employee(FTE)">Employee(FTE)</option>';
    x.innerHTML +='<option value="Employee + MVR(FTE)">Employee + MVR(FTE)</option>';
    x.innerHTML +='<option value="Faculty(FTE)">Faculty(FTE)</option>';
    x.innerHTML +='<option value="Faculty + MVR(FTE)">Faculty + MVR(FTE)</option>';
    x.innerHTML +='<option value="International Employee(FTE)">International Employee(FTE)</option>';
    x.innerHTML +='<option value="International Employee + MVR(FTE)">International Employee + MVR(FTE)</option>';
    x.innerHTML +='<option value="International Faculty(FTE)">International Faculty(FTE)</option>';
    x.innerHTML +='<option value="International Faculty + MVR(FTE)">International Faculty + MVR(FTE)</option>';
}   

if(document.getElementsByName("FTE")[1].checked==true){ 
    x.innerHTML +='<option value="MVR Only">MVR Only</option>'; 
    x.innerHTML +='<option value="Employee">Employee</option>'; 
    x.innerHTML +='<option value="Employee + MVR">Employee + MVR</option>';
    x.innerHTML +='<option value="Faculty">Faculty</option>';  
    x.innerHTML +='<option value="Faculty + MVR">Faculty + MVR</option>';  
    x.innerHTML +='<option value="Students">Students</option>';
    x.innerHTML +='<option value="Students + MVR">Students + MVR</option>';
    x.innerHTML +='<option value="Volunteers">Volunteers</option>';
    x.innerHTML +='<option value="Volunteers + MVR">Volunteers + MVR</option>';
    x.innerHTML +='<option value="International Employee">International Employee</option>';  
    x.innerHTML +='<option value="International Employee + MVR">International Employee + MVR</option>';  
    x.innerHTML +='<option value="International Faculty">International Faculty</option>';
    x.innerHTML +='<option value="International Faculty + MVR">International Faculty + MVR)</option>';
    x.innerHTML +='<option value="International Students">International Students)</option>';
    x.innerHTML +='<option value="International Students + MVR">International Students + MVR)</option>'; 
    x.innerHTML +='<option value="International Volunteers">International Volunteers)</option>';
    x.innerHTML +='<option value="International Volunteers + MVR">International Volunteers + MVR)</option>';
    }
    }
  </script>

功能改变{
var x=document.getElementById(“TOR”);
x、 innerHTML=“”;
如果(document.getElementsByName(“FTE”)[0].checked==true){
x、 innerHTML+=“仅限MVR(FTE)”;
x、 innerHTML+=“员工(FTE)”;
x、 innerHTML+=“员工+MVR(FTE)”;
x、 innerHTML+=‘教师(FTE)’;
x、 innerHTML+='Faculty+MVR(FTE)';
x、 innerHTML+=“国际员工(FTE)”;
x、 innerHTML+=‘国际员工+MVR(FTE)’;
x、 innerHTML+=“国际教师(FTE)”;
x、 innerHTML+=“国际教员+MVR(FTE)”;
}   
if(document.getElementsByName(“FTE”)[1]。checked==true){
x、 innerHTML+=“仅限MVR”;
x、 innerHTML+='Employee';
x、 innerHTML+='Employee+MVR';
x、 innerHTML+=‘教员’;
x、 innerHTML+='Faculty+MVR';
x、 innerHTML+=‘学生’;
x、 innerHTML+='Students+MVR';
x、 innerHTML+=‘志愿者’;
x、 innerHTML+=“志愿者+MVR”;
x、 innerHTML+=“国际员工”;
x、 innerHTML+=“国际员工+MVR”;
x、 innerHTML+=‘国际学院’;
x、 innerHTML+=‘国际学院+MVR’;
x、 innerHTML+=‘国际学生’;
x、 innerHTML+=“国际学生+MVR”);
x、 innerHTML+=‘国际志愿者’;
x、 innerHTML+=“国际志愿者+MVR”);
}
}

使用正确的DOM函数,您不应该遇到问题。我正在使用手机,稍后将编辑此内容,但基本上

      Var x = document.getElementById("TOR");
      Var y = document.createElement("option");
      // do stuff with y, like add attributes/value
      x.appendChild(y);

使用正确的DOM函数,你不应该遇到问题。我在手机上,稍后会编辑这个,但基本上

      Var x = document.getElementById("TOR");
      Var y = document.createElement("option");
      // do stuff with y, like add attributes/value
      x.appendChild(y);

使用正确的DOM函数,你不应该遇到问题。我在手机上,稍后会编辑这个,但基本上

      Var x = document.getElementById("TOR");
      Var y = document.createElement("option");
      // do stuff with y, like add attributes/value
      x.appendChild(y);

使用正确的DOM函数,你不应该遇到问题。我在手机上,稍后会编辑这个,但基本上

      Var x = document.getElementById("TOR");
      Var y = document.createElement("option");
      // do stuff with y, like add attributes/value
      x.appendChild(y);

如果你搜索,会有很多其他重复。请看我的答案。如果你搜索,会有很多其他重复。请看我的答案。如果你搜索,会有很多其他重复。请看我的答案。会有很多其他重复。如果你搜索,会有很多其他重复。请看我的答案。会解决你的问题