jquery - JQuery を使用した動的フォーム要素の無効化と再有効化

Question

このフィドルを表示するのがおそらく最も簡単です: http://jsfiddle.net/Ahfm7/4/

現時点では、ドロップダウンのエージェントと拡張機能の値のみが実装されています。

私は誰かが理解するのを助けることを望んでいたいくつかのバグに遭遇しました。

• 1 つ目は、最初の行で何も選択せずにドロップダウンの新しい行を追加し、2 つ目のオプションの選択に進むと、フォームを送信できます。

• 同様に、最初の行でオプションを選択し、別のオプションを追加して削除すると、送信ボタンは無効のままになります。

誰かがこれを修正する方法を知っているかどうか疑問に思っていましたか？

Answer 1

コードのクリーンアップを開始しました。700 行以上の JS を SO で扱いやすいものに切り詰めましたが、一般的な考え方は理解できるはずです。

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

一般に：

• jQuery オブジェクトをキャッシュして DOM の再クエリを回避する
• 一般的に再利用されるロジック (私が追加した関数など)を含む、より小さな関数を作成して、 DRYを維持します。enableSubmitButton
• 使用することを忘れないでくださいvar

Answer 2

私はついにほぼ完全に機能する解決策を手に入れましたが、1つのバグがあります：

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

アドバイスありがとうございます。