Проблема с переменными и объектами

Question

У меня 3 TextFields, называется txtUSD, txtEUR, txtAUS.И PopupList с теми же значениями, за исключением части txt, но мне нужно сформировать имена TextFields для использования на основе выбора, который сделал пользователь.Итак, я сделал это:

function btConvert_Click(event)
{
    var amount = document.getElementById("txtAmount").value;
    var rates = document.getElementById("lstConvertTo").value;
    var from = "txt" + document.getElementById("lstFrom").options[document.getElementById('lstFrom').selectedIndex].text;
    var to = "txt" + document.getElementById("lstConvertTo").options[document.getElementById("lstConvertTo").selectedIndex].text;
    var curr_from = document.getElementById(from).value;
    var curr_to = document.getElementById(to).value;

    if(curr_from > curr_to)
    {
        amount * rates;
    } else {
        amount / rates;
    }
    alert(result);
}

Но каждый раз, когда я пытаюсь это сделать, я получаю эту ошибку:

mobile / main.js строка 215: Результат выражения 'document.getElementById (from) '[null] не является объектом.

Как мне это сделать?

Answer 1

Судя по получаемой ошибке, похоже, что при генерации переменной from есть ошибка.

Для краткости следует рассмотреть вопрос о сохранении document.getElementById('lstFrom') в своем собственном var.