Почему не работает код js?

Question

[amazinginternetsites]

Собрал конструкцию появления блока в зависимости от выбранного пункта выпадающего списка.
Но не работает.

$(document).ready(update);
$('#f_lr1ro').change(update);
function update() {
var val = +$('#f_lr1ro option:selected').val();
var showFirst = [2, 3].indexOf(val) >= 0; 
$('#f_lr1rowtd').toggle(showFirst); };

console.log($('f_lr1ro')); вывел такой результат
[prevObject: x.fn.x.init[1], context: document, selector: "f_lr1ro", jquery: "1.10.2", constructor: function…]
context: document
length: 0
prevObject: x.fn.x.init[1]
selector: "f_lr1ro"
__proto__: Object[0]

Что делать, подскажите )

Comments

[Power]

На jsfiddle пример оформите, пожалуйста.

Answer 1

[olamedia .]

var update = function() {
    var val = +$('#f_lr1ro option:selected').val();
    var showFirst = [2, 3].indexOf(val) >= 0; 
    $('#f_lr1rowtd').toggle(showFirst); 
};
$(document).ready(function(){
    $('#f_lr1ro').change(update);
    update();
});

var update = function() {
    var val = +$('#f_lr1ro option:selected').val();
    var showFirst = [2, 3].indexOf(val) >= 0; 
    $('#f_lr1rowtd').toggle(showFirst); 
};
var update2 = function() {
    var val = +$('#f_lr1rowtd option:selected').val();
    var showFirst = [3, 4, 5, 6, 7, 8].indexOf(val) >= 0; 
    var showSecond = [9, 10, 11, 12].indexOf(val) >= 0; 
    $('#f_lr1rooq').toggle(showFirst);
    $('#f_lr1ronq').toggle(showSecond);
};
$(document).ready(function(){
    $('#f_lr1ro').change(update);
    $('#f_lr1rowtd').change(update2);
    update();
    update2();
});

Comments

[amazinginternetsites]

Эм. Не работает. Именно первая часть кода.

var update = function() {
var val = +$('#f_lr1ro option:selected').val();
var showFirst = [2, 3].indexOf(val) >= 0;
$('#f_lr1rowtd').toggle(showFirst);
};
$(document).ready(function(){
$('#f_lr1ro').change(update);
update();
});



var update = function() {
var val = +$('#f_lr1rowtd option:selected').val();
var showFirst = [3, 4, 5, 6, 7, 8].indexOf(val) >= 0;
var showSecond = [9, 10, 11, 12].indexOf(val) >= 0;
$('#f_lr1rooq').toggle(showFirst);
$('#f_lr1ronq').toggle(showSecond);
};
$(document).ready(function(){
$('#f_lr1rowtd').change(update);
update();
});

[olamedia .]

amazinginternetsites: откуда вторая переменная с тем же именем выплыла? в задании ни слова не упомянули... переменовывайте

[amazinginternetsites]

olamedia .: вы showFirst имеете ввиду?

[olamedia .]

amazinginternetsites: нет, две var update подряд, читайте ответ

[amazinginternetsites]

Спасибо. Столкнулся с проблемой.
Если в первом списке мы выбрали, например, 2
Появляется второй список. Тут все в порядке.
После того как во втором списке я выбираю, например, 3
Появляется #f_lr1rooq - тут тоже все работает.

Когда я в первом списке 2 изменяю на 1
Второй список исчезает - все как нужно.
НО! при этом поле #f_lr1rooq уже не исчезает.
Как я понимаю из за того, что в исчезнувшем списке выбрана позиция, при которой это поле #f_lr1rooq должно показываться. Как это лечится?

[olamedia .]

amazinginternetsites: забейте на toggle и явно делайте show/hide там где требуется

[amazinginternetsites]

И так пробовал. Но дело в том, что в данном примере способ show/hide не помогает.
Мы прячем список, в котором уже выбрана позиция показа другого поля. Если его не видно, вернее у блока в котором он содержится - display:none, значение ведь он сохраняет ).

show/hide - вторая часть кода будет растянута на 50 строк...

[amazinginternetsites]

Может быть есть какая-нибудь фишка по удалению значений в скрытых блоках?

[olamedia .]

amazinginternetsites: не будет, юзайте так же как toggle пачкой скрывайте

[amazinginternetsites]

спасибо

Answer 2

[Йцу Йцуевич]

человек выше уже написал, я лишь дополню:
console.log($('f_lr1ro')); // пропустил знак #
лучше вставь функцию update в .ready (если она тебе больше нигде не нужна)

[2, 3].indexOf(val) >= 0;  // вернёт bool, тебе это нужно?

и проверяй что-то типа $('#f_lr1ro'), прям в консоли браузера

Comments

[olamedia .]

я так и думал первый ответ написать: "попробуйте console.log($('#f_lr1ro'));" XD