jquery onclick id & values of html elements

Question

I have a table of records where each row has got a save button. would someone please help me to get the id of the button and values of two inputs on button click

<input class="price" name="price" id="price_<?= $value['i_id'] ?>" value="<?= &cost ?>" />                         
<input type="hidden" id="<?= $value['i_id'] ?>_suffix" value="<?= $value['suffix'] ?>" /> 
<button type="button" class="sp-save btn btn-xs btn-primary btn-bell m-l-xs" id="save_<?= $value['i_id'] ?>">SAVE</button>

jquery

 save_id = $(this).attr(\'id\'); 
          id = save_id.replace( /save_/, \' \' ); //this is id of the button
price = $(\'#\'+\'price_\'+id).val(); // values comes undefined         

s_id = $(\'#\'+id+\'_suffix\').val();  //values comes undefined

Simpler to just use classes and look for each class within the specific row — charlietfl
– charlietfl, Commented Aug 17, 2020 at 23:34

showdev · Accepted Answer · 2020-08-18 01:19:51Z

1

It's a good idea to use a data attribute to set and retrieve id on button click. Below, I added a data attribute to the button and used jQuery's data() to get the id on click.

<input class="price" name="price" id="price_<?= $value['i_id'] ?>" value="<?= &cost ?>" />                         
<input type="hidden" id="<?= $value['i_id'] ?>_suffix" value="<?= $value['suffix'] ?>" /> 
<button type="button" class="sp-save btn btn-xs btn-primary btn-bell m-l-xs" id="save_<?= $value['i_id'] ?>" data-id="<?= $value['i_id'] ?>">SAVE</button>

jQuery:

id = $(this).data('id');       
price = $('#'+'price_'+id).val();         
s_id = $('#'+id+'_suffix').val();

edited Aug 18, 2020 at 1:19

showdev

29.3k37 gold badges61 silver badges82 bronze badges

answered Aug 18, 2020 at 0:00

Jagruti Rakholiya

1045 bronze badges

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

2 Comments

showdev Over a year ago

A little explanation might be helpful. What was the problem and how does your code solve it?

Jagruti Rakholiya Over a year ago

It's good idea to use data attribute to set id and retrieve id on button click. So In above code I have added data attribute to button. In jQuery: I have used this data attribute to get id on click

Collectives™ on Stack Overflow

jquery onclick id & values of html elements

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