Таким образом, у меня есть элемент 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>
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>
Используйте правильные функции DOM, и вы не должны сталкиваться с проблемами. Я по телефону и отредактирую это позже, но в основном...
Var x = document.getElementById("TOR");
Var y = document.createElement("option");
// do stuff with y, like add attributes/value
x.appendChild(y);