2013-07-25 82 views
0

我有一個gridview有多行。我正在嘗試遍歷每一行獲取值並使用ajax類將值提交給數據庫。使用jquery提取行值

從gridview的一行的HTML是

<input id="GridView3_ctl03_chkEmployee" type="checkbox" name="$GridView3$ctl03$chkEmployee" /> 
      </td><td> 
         <span id="_GridView3_ctl03_lblprivateId" class="idName">6878</span> 
        </td><td> 
         <span id="_GridView3_ctl03_lblCompany" class="FName">abcd Inc.</span> 
        </td> 
     </tr><tr style="color:#8C4510;background-color:#FFF7E7;"> 
      <td> 

我具有以下,其選擇已被檢查每一行jQuery代碼。

$(document).ready(function() { 
      $("#submit").click(function() { 
       var record; 
       alert("starting"); 
       $("#<%=GridView3.ClientID%> input[id*='chkEmployee']:checked").each(function() { 
        var value = $(this).find('.FName').val(); 
        alert(value); 
       }); 
      }); 
     }); 

我不能提取FName和idName的值。我得到錯誤未定義。任何想法如何解決它?

+0

你可以發佈你的HTML –

回答

0

由於有多種類型,你需要嘗試這樣的事情

var arr = []; 
    $('.yourClassName').each(function(){ 
     arr.push($(this).text()); 
    }); 

在此,數組將有你的價值觀和你喜歡

0

你可以利用它試試這個

$(document).ready(function() { 
var arr = []; 
$('tr [type="checkbox"]:checked').parent().each(function() { 
    var value = $(this).find('.FName').val(); 
    arr.push(value); 
}); 
    callAjaxGetJoiningDate(arr); 
}); 
function callAjaxGetJoiningDate(hashVal) { 
var address = "Ypurpage.aspx"; 
$.ajax({ 
    type: 'POST', 
    url: address, 
    data: { empCode: hashVal }, 
    beforeSend: function() { 
     // this is where we append a loading image 
     $('#ajax-panel').html('<div class="loading"><img src="images/loading.gif" alt="Loading..." /></div>'); 
    }, 
    success: function (data) { 
     // successful request; do something with the data 
     $('#ajax-panel').empty(); 
     var actualData = data.trim().split('~'); 
     $("#YourResultControl").val(actualData[1]); 

    }, 
    error: function() { 
     // failed request; give feedback to user 
     $('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>'); 
    } 
});