Cannot get value of input dynamically created / added by program or Jquery using clone

Dear Sir

 

Working on project were need to add subjects dynamically using Jquery CLONE as follow.

for existing rows everything runs perfectly ok 

but

for programatically added row

cannot get value entered in input using JQUERY

script when save (savebtn) is clicked

works fine for existing rows

1. $(document).on('click', '.savebtn', function ()  {  
2. var thisid=this.id;
3. console.log(' id clicked='+thisid);
5. var splitid=thisid.split('save');
6. var onlyid=splitid[1];
8. $('#onlyid').val(onlyid);
10. var schoolid=$('#schoolid').val();
11. var standardid=$('#standardid').val();  
12.     var name=$('#subject'+onlyid).val();
13. console.log('for save btn of row clicked subject name='+'#subject'+onlyid);
14. console.log('row subject name='+'#subject'+onlyid);
15. if($("#subject"+onlyid).length){
16. 
    
17.        console.log("The element  #subject"+onlyid+" Element present.");
18. console.log("The same element val="+$("#subject"+onlyid).val());
19.         
20.         }
21.  
22.    $('#subjectnewid'+onlyid).text('999999');
23.     console.log('save btn cicked   >'+thisid+' call createsubjectmasterfill.php'+' schoolid '+schoolid+' standardid='+standardid+' name='+name );
24. var url= "createsubjectmasterfill.php";
25. data = {
26. schoolid:   schoolid,
27. standardid: standardid,
28. name: name 
29. }
30. $('#subjectnewid'+onlyid).load(url,data, updatedropdownsubject )  ;
31.  
32.    });

Subject add Button Click script

1. $(document).on('click', '.subjectadd', function ()  {
2.  
3.  console.log('class subjectadd clicked');
4.  
5.  $('.semestersubjectcontainer').each(
6.   function() {
7.   var  thisid=this.id;
8.   console.log('this id='+thisid);
9.   var splitid=thisid.split('semestersubjectcontainer');
10.   var subid=splitid[1];
11. 
    
12.  
13. 
    
14.   console.log('for clone subid='+subid );
15.   var subline =$(".semestersubjectline" ).first().clone()
16.   
17.    $("#semestersubjectcontainer"+subid).append(subline);
18. var noofsubjects=$('.semestersubjectline', $(this)).length;
19. $('#semestersubjectcount'+subid).text(noofsubjects);
20.      console.log("number of subjects "+this.id+'  '+$('.semestersubjectline', $(this)).length+' '+noofsubjects+' semestersubjectcount'+subid); 
21.   
22. //--------------------------------------------------------------//  
23.   
24. $('#semestersubjectcount'+subid).text(noofsubjects);
25.   
26. //--------------------------------------------------------------//   
27.   
28. subline.attr("id","semestersubjectline"+subid );
29. subline.find('.dropdown').attr("id","subjectddid"+subid+"x"+noofsubjects);;
30. subline.find('.dropdown').attr("name","semestersubject"+"["+subid+"][]");
31. subline.find($("[name*='subject']")).attr("name","subject"+subid+"x"+noofsubjects);;
32. subline.find($("[name*='subject']")).attr("class","dropdown");; 
33.   subline.find($("[name*='subject']")).attr("id","subject"+subid+"x"+noofsubjects);; 
34.   
35.      subline.find($("#subjectddid"+subid+"x"+noofsubjects)).val('0');
36. console.log( subline.find($("#subject"+subid+"x"+noofsubjects)).val());
37.   
38.   subline.find('.dropdown').attr("val","");; 
39.    subline.find('.subject'+subid+"x"+noofsubjects).attr("val",""); 
40. // subline.find($("[id*='subject']")).attr("id","subject"+subid+"x"+noofsubjects);;
41.   
42.   console.log(' find .savebtn  set to '+"save"+subid+"x"+noofsubjects)
43.   subline.find('.savebtn').attr("id","save"+subid+"x"+noofsubjects); subline.find('.savebtn').attr("name","save"+subid+"x"+noofsubjects);
44.   subline.find('.subjectnewid').attr("id","subjectnewid"+subid+"x"+noofsubjects);;
45.   subline.find('.subjectnewid').attr("name","subjectnewid"+subid+"x"+noofsubjects);
46.   
47.   subline.find('.subjectdiv').attr("name","subjectnewid"+subid+"x"+noofsubjects);;
48.   subline.find('.subjectdiv').attr("id","subjectnewid"+subid+"x"+noofsubjects);;
49.   
50.   
51.   }
52. );
53.    
54.   });

• Topic Participants

• vikas