How to Bind the Onclick event In Jquery in correspondance to Javascript

Question

I Have a select button in php code which Passes the Dynamic generated Row value and How do i do this jquery?

PHP code

<input type ="button"  onclick="select(add,'<?php echo $_POST['somevale=ue']?>')"

Javascript

function select (fnname, val){
   //Val changes every time
}

How do i acheive the same in Jquery in Putting the click event to the button and passing the Dynamic value and Defining the Function in Jquery?

Answer 1

Use the click handler inside your document ready. Note that add must be a valid function for this to work available in the current scope.

$(function() {
    $('input').click(function() {
        select(add, 'value you need to pass');
    });

    function add() {
        ..
    }
});

Answer 2

You can use HTML5 data-attributes here (they don't cause issues in HTML4), like this:

<input type="button" class="add" data-value="<?php echo $_POST['somevalue']?>" />

Then you can fetch it in your function using .attr(), like this:

$(function() {
  $(".add").click(function() {
    var value = $(this).attr("data-value");
    select('add', value); //call original function
    //or, put that function's content in here
  });
});

Give it a try here