Get Php variable value from while loop into a javaScript

Question

I have a Ajax function that connects to database to fetch "ROWS" of info. This is achieved using while..Fine..

I want the value of the while loop to be assigned to a radio button.

When I click each radio button, I want it to display the value that was assigned to it. i.e.

while($row = mysqli_fetch_array($res, MYSQLI_ASSOC))
{
   $mn = $row['mn'];
   echo $mn . "<td onclick = \"vote()\">
   <input type = \"radio\" id = \"voteCan\" value = \"$mn\">
   </td> 
   </tr>";
}
echo "</table>";

The above query displays multiple results.

I have a JavaScript function to be fired when user clicks any of the radio button, but the JavaScript function is getting only the value of the first row. It's not getting the other rows.

Please any help will be much appreciated.

Try putting the onClick on the input instead of the td. Also, show your vote() function. — aynber
– aynber, Commented Aug 14, 2017 at 16:19
Ok, I did that not working still. Below is my vote(). <script> function vote(){ voteFor = document.getElementById('voteCan').value; alert(voteFor); } </script> — Sammy R
– Sammy R, Commented Aug 14, 2017 at 16:26

Hemraj Pal · Accepted Answer · 2017-08-14 17:02:52Z

1

Try this

while($row = mysqli_fetch_array($res, MYSQLI_ASSOC))
{
   $mn = $row['mn'];
   echo $mn . "<td onclick = \"vote(this)\">
   <input type = \"radio\" id = \"voteCan\" value = \"$mn\">
   </td> 
   </tr>";
  }
 echo "</table>";


<script>
function vote(e){
 var val = $(this).val();
 alert(val);
}
</script>

edited Aug 14, 2017 at 17:02

answered Aug 14, 2017 at 16:26

Hemraj Pal

16410 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sammy R Over a year ago

I got undefined as response.

Hemraj Pal Over a year ago

var val = $(this).val(); alert (val);

Collectives™ on Stack Overflow

Get Php variable value from while loop into a javaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related