Mobile No Value

Question

Hi

I have attached image . Using Gridview. I want when in any row under colum Hritvi is clicked i want to get its Mobile No.

Similarly when in any row under colum Srini is clicked i want Srini Mobile no without PostBack

Thanks

Mohamed Azarudeen Z · Answer

, you can use JavaScript and add an event listener to the column headers for "Hritvi" and "Srini". When the headers are clicked, you can use the DOM traversal methods to find the corresponding cell in the same row and retrieve the mobile number from it. Name Email Hritvi Srini Alice alice@example.com 555-1234 555-5678 Bob bob@example.com 555-4321 555-8765 // add event listeners to the column headers document.querySelector('th:nth-child(3)').addEventListener('click', handleHritviClick); document.querySelector('th:nth-child(4)').addEventListener('click', handleSriniClick); function handleHritviClick(event) { // get the index of the Hritvi column const columnIndex = Array.from(event.target.parentNode.children).indexOf(event.target); // get the mobile number from the corresponding cell in the same row const mobileNumber = event.target.parentNode.nextElementSibling.children[columnIndex].textContent; console.log('Hritvi mobile number:', mobileNumber); } function handleSriniClick(event) { // get the index of the Srini column const columnIndex = Array.from(event.target.parentNode.children).indexOf(event.target); // get the mobile number from the corresponding cell in the same row const mobileNumber = event.target.parentNode.nextElementSibling.children[columnIndex].textContent; console.log('Srini mobile number:', mobileNumber); } provide your code if this doesnt work

Mobile No Value

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (1)