特定のドロップダウンボックス

Question

私は必要なものをリンク上に表示していますが、何らかの理由で追加が機能していませんが、私のページでは問題はありません。問題は、新しい行を追加した後、新しい行ドロップダウンボックスがボルボを選択しても機能しないことです。テキストボックスは表示されません。

Answer 1

新しい行を追加した後、新しい要素のIDフィールドと名前フィールドは更新されないためです。新しい要素を作成した後、それらの要素を追加する前にIDを更新します。

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/