Question

I want to send multiple arguments to JQUERY event functions.For sending one data i put it in value attr in html code.

<li id="<?php echo 'v'.$value['vehicleid'] ?>" value="<?php echo $value['vehicleid']; ?>" >

And get data in JQuery event function with $(this).val() But i don’t know how can i pass multiple php data to JQuery event function!
these data are dynamic and produced by php code.

Answer 1

You cannot use val() on an li it is supposed to be used on form elements like input for which there is a valid attribute called value

For an li you can use data attributes

<li id="<?php echo 'v'.$value['vehicleid'] ?>" data-vehicleid="<?php echo $value['vehicleid']; ?>" >

and use:

var vehicleId = $(this).data('vehicleid');

For passing multiple data you can seperate each id with some char like “-“:

<li id="<?php echo 'v'.$value['vehicleid'] ?>" data-vehicleids="<?php echo $value['vehicleid1']. '-' .$value['vehicleid2']; ?>" >

which should produce something like:

<li id="1234" data-vehicleids="1234-3456-5678" >

then do

var vehicleIdsArray = $(this).data('vehicleids').split('-');

just make sure charachter used for seperation is not used for vehicle ids

This should help you:

<ul id="list">
<li data-vehicleid="1234" data-vehiclename="renault" data-vehicle-color="silver">Renault</li>
</ul>

---

$(document).ready(function(){
  $('ul#list li').click(function(e){
    var vehicleId = $(this).attr('vehicleid');
    var vehicleName = $(this).attr('vehiclename');
    var vehicleColor = $(this).attr('vehiclecolor');
    return false;
  });
});

Quote from Resig:

I think what is most enticing about this whole specification is that
you don’t have to wait for any browser to implement anything in order
to begin using it. By starting to use data- prefixes on your HTML
metadata today you’ll be safe in knowing that it’ll continue to work
well into the future. The time at which the HTML 5 validator is
integrated into the full W3C validator your site will already be
compliant (assuming, of course, you’re already valid HTML 5 and using
the HTML 5 Doctype).