| |
|
|
| | Добрый день. Вопрос по innerHTML. Есть два select'а. Содержимое второго меняется в зависимости от того, какой пункт выбран в первом. Но только в FF. В осле и опере почему-то меняться не хочет.
<script type="text/javascript" language="javascript">
var mods = "Первый,100,101,102,103,105#Второй,200,201,202#Третий,300,301,302#Четвертый,400,401,402,403,404";
var modArr = mods.split("#");
var cnt = modArr.length;
//первый select, в нем значения - Первый, Второй, Третий, Четвертый
var s = "<select size='1' id='addbrand' name='brand' onChange=foo(this.value)>" ;
document.write (s);
for (i=0; i < cnt; i++){
arr = modArr[i].split(",");
s = "<option value=" + i + ">" + arr[0] + "</option>";
document.write (s);
}
document.write ("</select>");
//второй select. Его options меняются в зависимости от состояния первого select'а
var s = "<select size='1' id='addmark' name='mark'> <option value='-'> - </option></select>" ;
document.write (s);
foo(0);
function foo(val){
arr = modArr[val].split(",");
cnt = modArr.length;
s = "";
for (i=1; i<cnt; i++){
s = s + "<option value=" + i.toString() + ">" + arr[i] + "</option>";
}
document.getElementById('addmark').innerHTML = s;
document.getElementById('addmark').setAttribute('name','mark');
}
</script>
|
Поискал на форуме - вроде советуют устанавливать setAttribute для name. Почему, для чего? На всякий случай прикрутил setAttribute - не помогает.
В чем проблема?
Спасибо.
P.S.
На всякий случай попробовал document.getElementById('addmark').setAttribute('innerHTML',s); - тоже безуспешно... | |
| |
|
|
| |
|
|
| |
для: Хулиган
(11.05.2007 в 12:54)
| | | Там же в справочнике найдёте метод add() для options[].
Селект надо генерировать или весь, или пользоваться методами. | |
| |
|
|
| |
|
|
| |
для: 12345
(11.05.2007 в 13:53)
| | | Переделал так:
function foo(val){
optCount = document.getElementById('addmark').options.length;
alert (optCount);
for (i=0; i<optCount; i++){
document.getElementById('addmark').options.remove(0);
}
arr = modArr[val].split(",");
optCount = arr.length - 1;
for (i=0; i<optCount; i++){
var newItem = document.createElement("OPTION");
newItem.text = arr[i+1];
newItem.value = i;
document.getElementById('addmark').options.add(newItem);
}
|
Ванька дома - Маньки нет :( Теперь в Осле и Опере работает, а в FF - не удаляются options. Консоль js выводит ошибку: document.getElementById('addmark').options.remove is not a function.
Пока сделал проверку на условие если navigator.appName == "Opera" || navigator.appName == "Microsoft Internet Explorer" то использую remove/add, если FF - то innerHTML. | |
| |
|
|
|
| |
|
|
| |
для: ilyaILF
(11.05.2007 в 15:02)
| | | ilyaILF, там по ссылке практически такой же код, как и у меня:
var x=document.getElementById("mySelect")
x.remove(x.selectedIndex)
|
Вся разница в том, что по ссылке удаляется выделенный option, а у меня в цикле все option'ы подряд - remove(0). Но метод один и тот же: remove(i). | |
| |
|
|
| |
|
|
| |
для: ilyaILF
(11.05.2007 в 15:02)
| | | А, допёр :)
В осле и опере remove применяется к коллекции option'ов, а в FF - к самому select'у
if (navigator.appName == "Opera" || navigator.appName == "Microsoft Internet Explorer")
document.getElementById('addmark').options.remove(0);
else
document.getElementById('addmark').remove(0);
|
Спасибо всем. | |
| |
|
|
