Отключение и повторное включение динамических элементов формы с JQuery

Question

Это, вероятно, самый простой для просмотра этой скрипку: http://jsfiddle.net/Ahfm7/4/

только значения агента и расширения в раскрывающемся списке были реализованы в настоящее время.

Я столкнулся с несколькими ошибками, на которых я надеялся, что кто-то сможет помочь выяснить.

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

• Аналогичным образом, если вы выбираете опцию в первой строке, затем добавляете другую и удаляете ее, кнопка отправки остается отключенной.

Я просто задавался вопросом, знает ли кто-нибудь, как это исправить?

Answer 1

я, наконец, почти иметь полное рабочее решение, но с одной ошибкой:

http://jsfiddle.net/5ubTe/72/

Спасибо за ваши советы.

Answer 2

Я начал очищать код. Я сократил 700 строк JS до чего-то более управляемого для SO, но вы должны понимать общую идею.

http://jsfiddle.net/mattball/5ubTe/

В целом:

• избежать повторного запроса к DOM с помощью кэширования JQuery объектов
• Stay DRY написав больше, меньше функций, которые содержат обычно повторно использовать логику (например, функции enableSubmitButton Я добавил)
• Не забудьте использовать var