How to detect select onChange in a row cell

Question

I am creating a dynamic table using java script and jquery, one of my project requirement is a select box in a row cell,

From the this SO link i am able to place a on click listener on a table row which gives me id of table row and cell(tr and td) but i am not able to detect select onchange i have also tried "jQuery get value of select onChange" but it is also not working in my case!!

My problem is

How to detect select on Change in a row cell as i have to update that changed data in database?

thanks in advance!!!!!

show your code and create a jsfiddle. – Dejan.S Aug 11 '14 at 13:04 — Dejan.S, Aug 11 '14 at 13:04

score 2 · Accepted Answer · answered Aug 11 '14 at 13:14

2

I believe this will get everything you'll need for your database (value selected, cell and row it was selected in)... something like:

JSFiddle

$("td select").on("change", function() {
    var value = this.value;
    var $cell = $(this).parent();
    var $row = $cell.parent();
    alert("Selected ["+value+"] in cell ["+$cell.index()+"] of row ["+$row.index()+"]");
});

answered Aug 11 '14 at 13:14

Smern

18,746
21
72
90

your code has solved my problem,thank you vary much for your help!! – Dev Aug 11 '14 at 13:23

score 0 · Answer 2 · answered Aug 11 '14 at 13:07

0

$(document).on('change','td',function(){
  //Do your abacadabra!
});

answered Aug 11 '14 at 13:07

Joakim M

1,793
2
14
29

How to detect select onChange in a row cell

2 Answers2