Ошибка: $ viewMap [...] является нулем или не является объектом

Question

Боюсь, мои знания jQuery / Javascript ограничены. У меня есть выпадающий список "как вы узнали о нас". Тем не менее, я получаю следующую ошибку Javascript при изменении:

Ошибка: '$ viewMap [...]' является нулевым или не является объектом

Мой выпадающий список выглядит так:

<select onchange="setSourceID(this.value)" name="sourceID" id="sourceID" class="required">
    <option value="" selected="selected">Please choose&#8230;</option>
    <option value="National Paper">National Paper</option>
    <option value="Magazine">Magazine</option>
    <option value="Regional Paper">Regional Paper</option>
    <option value="9682">Internet Search</option>
    <option value="9684">Recommendation</option>
    <option value="9683">Other</option>
</select>

<!-- some additional dropdowns below that appear based on what's selected above -->
<select onchange="setSourceID(this.value)" name="referrerName[]" id="referrer1" class="smartField">
    <option value="" selected="selected">Please choose&#8230;</option>
<option value="The Times">The Times</option>
etc...
</select>

and so on...

Мой Javascript выглядит так:

$(document).ready(function() {
    $('.smartField').hide();
    $.viewMap = {
        '' : $([]),
        'National Paper' : $('#referrer1'),
        'Magazine' : $('#referrer2'),
        'Regional Paper' : $('#referrer3')
        //'Internet Search' : $('#referrer4'), 
        //'Recommendation' : $('#referrer5'), 
        //'Other' : $('#referrer6')
    };

    $("#sourceID").bind(($.browser.msie ? "click" : "change"), function () {
        $.each($.viewMap, function() { this.hide(); }); // hide all
        $.viewMap[$(this).val()].show(); // show current
    });
});

Кто-нибудь знает, где я иду не так? Любая помощь очень ценится.

Answer 1

Я подозреваю, что проблема заключается в этой строке:

$.viewMap[$(this).val()].show();

Проверьте, что возвращает $(this).val(), и посмотрите, существует ли соответствующий ключ в $.viewMap