Sending multiple values from html to jquery for ajax process

Question

Hi I am trying to send two variables to jquery file for further processing from one form.

html form

<a href="#"><img class="<?php 
 if($favorite == 1) { 
  echo 'alreadyfavorite';
 } else { 
  echo 'addtofavorite';} ?>" 
id="addtofavoritebutton" pid="<?php $data['property_id']?>" 
fpid="<?php $favorite_properties_id;?>" src="../images/system/addtofavorite.png"></a>

jquery

$('#addtofavoritebutton').click(function() {
  var property_id = $('#addtofavoritebutton').attr("pid");
  var favorite_properties = $('#addtofavoritebutton').attr("fpid");
  alert(property_id);
  alert(favorite_properties);
});

but the values are not getting picked up by jquery...

does it enter the handler at all (i.e.: does it fire some alert, although empty)? — xzoert
– xzoert, Commented Jan 30, 2017 at 7:44
@elementzero23 Can you provide documentation link where it states that .attr is deprecated? — Justinas
– Justinas, Commented Jan 30, 2017 at 7:44
yes it was firing empty at .attr(), and with .prop() it is firing undefined for both variables — DragonFire
– DragonFire, Commented Jan 30, 2017 at 7:45
I've rebuilt the thing and it seems to work correctly... Are you sure you have values in those attributes? — xzoert
– xzoert, Commented Jan 30, 2017 at 7:53

Kamal Ali · Accepted Answer · 2017-01-30 07:47:48Z

1

Use ready function and put you jquery code in ready function like:-

$(document).ready(function(){
    $('#addtofavoritebutton').click(function() {
      var property_id = $('#addtofavoritebutton').attr("pid");
      var favorite_properties = $('#addtofavoritebutton').attr("fpid");
      alert(property_id);
      alert(favorite_properties);
    });
})

answered Jan 30, 2017 at 7:47

Kamal Ali

662 bronze badges

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

3 Comments

DragonFire Over a year ago

this is not working, the code above was already wrapped in $(document).ready(function(){ });

DragonFire Over a year ago

pid="<?php $data['property_id']?>" shoud be pid="<?php echo $data['property_id']?>"

DragonFire Over a year ago

it was not picking up data because echo is required

Collectives™ on Stack Overflow

Sending multiple values from html to jquery for ajax process

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related