Ajax로 생성 된 입력 값 얻기

Question

Jquery $ .get을 사용하여 동적으로 양식을 만들었으므로 이제 다른 $ .get을 사용하여 양식을 제출하고 싶지만 양식 필드의 값은 정의되지 않은 상태로 표시됩니다. .on() 핸들을 사용하여 작업하는 방법을 읽었지만 코드로 작업 할 수없는 것 같습니다.

내 첫 번째 스크립트 :

function getMark(uslID){ 
    $('#usOut').html('<p style="text-align:center;"><img src="<?php echo site_url().'images/ajax-loader-fb.gif'; ?>" /></p>'); 
    $.get("../../class/class.clients.php", {pk: uslID, get: "2"}) 
    .done(function(data) { 
     $("#usOut").html(data); 
    }); 
} 

생성 된 HTML :

<div id="usOut"> 
    <div style="text-align:center;"> 
    <h3>Mark US</h3> 
    <div id="usl1-contents" class="uslContents styled_form"> 
     <table width="100%" cellpadding="0" cellspacing="2" border="0" class="uslContentsTable tableMid"> 
     <tbody> 
      <tr> 
      <td width="20%"><label for="usl1-certNum">Cert#:</label></td> 
      <td><input type="text" id="usl1-certNum" name="usl1-certNum" class="validate[required,minSize[4]]" placeholder="12345" style="width:285px;" required="" /><span class="form_hint">Enter the Certificate Number</span></td> 
      </tr> 
      <tr> 
      <td><label for="usl1-issued">Issued:</label></td> 
      <td><input type="text" id="usl1-issued" name="usl1-issued" class="datePicker hasDatepicker" required="" /><img class="ui-datepicker-trigger" src="/portal/images/icons/cal-clock-icon-16x16.png" alt="..." title="..." /><span class="form_hint">Enter the Date the Certificate/Endorsement was Issued</span><input type="hidden" id="altusl1-issued" name="altusl1-issued" class="datePickerAlt" required="" /></td> 
      </tr> 
      <tr> 
      <td><label for="usl1-expiry">Expires:</label></td> 
      <td><input type="text" id="usl1-expiry" name="usl1-expiry" class="datePicker hasDatepicker" /><img class="ui-datepicker-trigger" src="/portal/images/icons/cal-clock-icon-16x16.png" alt="..." title="..." /><span class="form_hint">Enter the Date the Certificate/Endorsement Expires</span><input type="hidden" id="altusl1-expiry" name="altusl1-expiry" class="datePickerAlt" /></td> 
      </tr> 
      <tr> 
      <td colspan="2"><input name="doComplete" type="button" id="doComplete" value="Save" class="form-button" onclick="markUS('1')" /></td> 
      </tr> 
     </tbody> 
     </table> 
    </div> 
    </div> 
</div> 

내 두 번째 스크립트 :

function markUS(uslID){ 
    $('#usOut').html('<p style="text-align:center;"><img src="<?php echo site_url().'images/ajax-loader-fb.gif'; ?>" /></p>'); 
    var $certNum = $("#usl"+uslID+"-certNum").val(); 
    var $issuedDate = $("#altusl"+uslID+"-issued").val(); 
    var $expiryDate = $("#altusl"+uslID+"-expiry").val(); 
    if($certNum!=undefined && $issuedDate!=undefined || $certNum!="" && $issuedDate!="") { 
     $.get("../class/class.clients.php", {pk: uslID, multivalues: $certNum+','+$issuedDate+','+$expiryDate, get: "3"}) 
     .done(function(data) {     
      $('#usOut').html('<tr><td colspan="6" style="text-align:center;">'+data+'<br/><img src="<?php echo site_url().'images/ajax-loader-fb.gif'; ?>" /></td></tr>'); 
      $.get("../../class/class.clients.php", {client: "<?php echo $client_id; ?>", get: "4"}) 
      .done(function(data) { 
       $("#usOut").html(data); 
      }); 
     }); 
    } 
}; 

양식이 제출 시작하지만 $certNum, $issuedDate하고, $expiryDate은 모두 undefined으로 표시됩니다. . 그래도 다른 것은 괜찮습니다. 아무도 내가 어떻게 작동하게 할 수 있고 왜 그 과정이 작동하는지 설명 할 수 있습니까? 감사. :)

Answer 1

값을 가져 오기 전에 해당 요소를 ($('#usOut').html) 파괴하고 값을 검색 한 다음로드 이미지를 표시합니다.

function markUS(uslID){ 
    var $certNum = $("#usl"+uslID+"-certNum").val(); 
    var $issuedDate = $("#altusl"+uslID+"-issued").val(); 
    var $expiryDate = $("#altusl"+uslID+"-expiry").val(); 
    $('#usOut').html('<p style="text-align:center;"><img src="<?php echo site_url().'images/ajax-loader-fb.gif'; ?>" /></p>'); 
    if($certNum!=undefined && $issuedDate!=undefined || $certNum!="" && $issuedDate!="") { 
     $.get("../class/class.clients.php", {pk: uslID, multivalues: $certNum+','+$issuedDate+','+$expiryDate, get: "3"}) 
     .done(function(data) {     
      $('#usOut').html('<tr><td colspan="6" style="text-align:center;">'+data+'<br/><img src="<?php echo site_url().'images/ajax-loader-fb.gif'; ?>" /></td></tr>'); 
      $.get("../../class/class.clients.php", {client: "<?php echo $client_id; ?>", get: "4"}) 
      .done(function(data) { 
       $("#usOut").html(data); 
      }); 
     }); 
    } 
}