Конкретный раскрывающийся список

Question

Я показал по ссылке, что мне нужно, по какой-то причине добавление не работает, но на моей странице это, но это не проблема. Проблема заключается в том, что после добавления новой строки новая выпадающая строка строки не работает при выборе volvo, текстовое поле не появляется.

Answer 1

Потому что после добавления новой строки вы не обновляете поля id и name нового элемента. После того, как вы создадите обновление новых элементов, перед добавлением их вернитесь.

Поскольку вы создаете элементы dom, динамически используйте delegate или on для присоединения обработчиков событий.

$('form[name=form]') 
    .delegate('#car', 'change', function() { 
     var val = $(this).val(); 
     $('#hdn_sel').val(val); 
     $('label').hide(); 
     showLabels(val); 
    }) 
    .delegate('input', 'focus', function() { 
     $(this).next("span").fadeIn(1000); 
    }) 
    .delegate('input', 'blur', function() { 
     $(this).next("span").fadeOut(1000); 
    }); 

Я исправил вашу скрипку, а также изменил код, как вы хотели, взгляните.

http://jsfiddle.net/ShankarSangoli/PEYFc/3/