Use jQuery and Javascript to alter inputs in dynamically created PHP table

Question

I am trying to build a table using PHP and SQL values. One of those table columns is going to have a numerical input that controls other values in that row. This parameter ranges from 0 to 1 and I'm trying to use Javascript to dynamically update the three columns to the right of it depending on the parameter value.

Here is the PHP commands for the html table:

$i = 1;
while($row = mysql_fetch_array($result)){
    Print "<tr>"; 
    Print "<td><input id='toChange[$i]' name='toChange[$i]' type='number' step='0.01'   
    min='0.01' max='0.99' value='.85' </td>";
    Print "<td>".$row['dependentOnParameter1'] . "</td>";
    Print "<td>".$row['dependentOnParameter2'] . "</td></tr>";
$i++;

}

I have tried many different tags for the input cell, such as toChange[] and toChange$i (this one as if the number grows with the row number). This table prints correctly, and here is the jQuery function I have tried to implement:

$('#prEff[1]').change(function() {

    var test = this;
    return;
});

I know how to alter the table once I get this function to correctly call, but the use of an input inside an array seems to be causing trouble. Is there a specific jQuery object or tag that must be used for .change for arrays? Or if I can use the table tag, will the this pointer point to the part of the table that has been altered?

adeneo · Accepted Answer · 2013-03-14 17:10:12Z

1

You probably need to escape the brackets if they are part of the selector:

$('#prEff\\[1\\]')

answered Mar 14, 2013 at 17:10

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

2 Comments

user2093792 Over a year ago

is there anyway to generalize the jquery function for all the possible values inside the brackets? So, #prEff\[VariableIndex\]' for example? So i don't have to repeat jquery functions?

adeneo Over a year ago

Sure $('[id^="prEff["]'), the attributes starts with selector!

Collectives™ on Stack Overflow

Use jQuery and Javascript to alter inputs in dynamically created PHP table

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