selectedIndex не установлен, если не указано предупреждение

Question

У меня есть форма, использующая строки для ввода пользовательского ввода. Пользователь может щелкнуть ссылку, чтобы получить новую строку. Ссылка вызывает функцию, которая после создания новой строки и ячейки создает новый элемент. Когда элемент создается, вызывается другая функция, которая при необходимости использует AJAX для получения опций SELECT. Это прекрасно работает.

Когда новый элемент завершен, вызывается функция для копирования выбранных значений элементов из предыдущей строки в новую строку. Однако то, что происходит, вне меня.

Выполняется копирование значения INPUT из предыдущей строки в новую строку. Копирование выбранногоIndex из SELECT только работает, когда отображается окно предупреждения перед установкой new_element.selectedIndex.

Функция:

function CopyPreviousValue(new_element, old_element_name, new_id) { 
    if (new_id > 1) { 
    var old_element = document.getElementsByName(old_element_name)[0]; 
    switch (old_element.tagName) { 
     case "SELECT": 
     //alert("[old_element.selectedIndex] "+old_element.selectedIndex); 
     new_element.selectedIndex = old_element.selectedIndex; 
     if (old_element.selectedIndex != -1) new_element.disabled = false; 
     break; 
     case "INPUT": 
     new_element.value = old_element.value; 
     if (old_element.value != "") new_element.disabled = false; 
     break; 
    } 
    } 
} 

Я не вижу ничего эффектного здесь .. Может кто-то пожалуйста просветить меня о том, почему это происходит и как это исправить?

Answer 1

Ваши выбранные поля, вероятно, пока не отображаются, когда этот код работает. Браузер может очищать выбранныйIndex при рендеринге для параметров с выбранным атрибутом = «selected». Предупреждение дает браузеру время, чтобы отобразить выбор до того, как selectedIndex будет скопирован, поэтому он работает с предупреждением, а не без него.

Попробуйте добавить этот код после того, как вы установили выбранный индекс.

if (old_element.selectedIndex != -1) { 
    new_element.options[old_element.selectedIndex].setAttribute('selected','selected'); 
    new_element.disabled = false; 
}