Hi,
Can anyone please help me with the following:-
I have a form where I input elements in a table.
<tr>
<td>
<?php echo $form->textField($model,"[$id]item_id",array('size'=>15,'maxlength'=>15)); ?>
<?php echo $form->error($model,"item_id"); ?>
</td>
<td>
<?php echo ' '?>
</td>
<td>
<?php echo $form->textField($model,"[$id]qty",array('size'=>2)); ?>
<?php echo $form->error($model,"qty"); ?>
</td>
<td>
<?php echo $form->textField($model,"[$id]totalprice",array('size'=><img src='http://www.yiiframework.com/forum/public/style_emoticons/default/cool.gif' class='bbc_emoticon' alt='8)' />); ?>
<?php echo $form->error($model,"totalprice"); ?>
</td>
<td><?php echo CHtml::link(
'delete',
'#',
array(
'submit'=>'',
'params'=>array(
'Itemsordered[command]'=>'delete',
'Itemsordered[id]'=>$id,
'noValidate'=>true)
));?>
</td>
</tr>
I want to use the $().change(function(){} on elements of the 1st and 3rd column of the table.
The generated source code is thus:-
[html]<tr>
<td>
<input size="15" maxlength="15" name="Itemsordered[n0][item_id]" id="Itemsordered_n0_item_id" type="text" value="" /> </td>
<td>
</td>
<td>
<input size="2" name="Itemsordered[n0][qty]" id="Itemsordered_n0_qty" type="text" value="" /> </td>
<td>
<input size="8" name="Itemsordered[n0][totalprice]" id="Itemsordered_n0_totalprice" type="text" value="" /> </td>
<td><a href="#" id="yt1">delete</a> </td>
</tr>
<tr>
<td>
<input size="15" maxlength="15" name="Itemsordered[n1][item_id]" id="Itemsordered_n1_item_id" type="text" value="" /> </td>
<td>
</td>
<td>
<input size="2" name="Itemsordered[n1][qty]" id="Itemsordered_n1_qty" type="text" value="" /> </td>
<td>
<input size="8" name="Itemsordered[n1][totalprice]" id="Itemsordered_n1_totalprice" type="text" value="" /> </td>
<td><a href="#" id="yt2">delete</a> </td>
</tr>
<tr>
<td>
<input size="15" maxlength="15" name="Itemsordered[n2][item_id]" id="Itemsordered_n2_item_id" type="text" value="" /> </td>
<td>
</td>
<td>
<input size="2" name="Itemsordered[n2][qty]" id="Itemsordered_n2_qty" type="text" value="" /> </td>
<td>
<input size="8" name="Itemsordered[n2][totalprice]" id="Itemsordered_n2_totalprice" type="text" value="" /> </td>
<td><a href="#" id="yt3">delete</a> </td>
</tr>
<tr>
<td>
<input size="15" maxlength="15" name="Itemsordered[n3][item_id]" id="Itemsordered_n3_item_id" type="text" value="" /> </td>
<td>
</td>
<td>
<input size="2" name="Itemsordered[n3][qty]" id="Itemsordered_n3_qty" type="text" value="" /> </td>
<td>
<input size="8" name="Itemsordered[n3][totalprice]" id="Itemsordered_n3_totalprice" type="text" value="" /> </td>
<td><a href="#" id="yt4">delete</a> </td>
</tr>
[/html]
How do I use Jquery selectors to target elements of the first and third columns of the array ‘Itemsordered’?
Thanks