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

Question

Вероятно, проще всего просмотреть эту скрипку: http://jsfiddle.net/Ahfm7/4/

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

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

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

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

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

Answer 1

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

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

В целом:

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

Answer 2

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

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

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