Jquery - autocomplete på dynamisk tildelte felter
Hejsa.Jeg prøver at indsætte noget ala formfelter dynamisk ved hjælp af noget ajax ting.
Et af felterne indsat skal have autocomplete tilknyttet.
Jeg har lavet noget som fungerer i firefox - men ikke IE eller Chrome.
Det virker ikke som om en event bliver "fired".
[code]
echo "
<tr id='ext_line$x'>
<td class='data_td'>Select DiskSystem<br>
<select name='reg_disksystem[$x]' id='disksystem$x'>
<option value=''>--
";
foreach ($disksystems AS $disksystem)
echo "<option value='".$disksystem["asset_id"]."'>[".$disksystem["asset_id"]."]".$disksystem["asset_name"]."</option>";
echo "
</select>
</td>
<td id='diskgroup_list$x' class='data_td'>Choose DiskSystem First</td>
<td class='data_td'>
<input type=text name='reg_disc_storage_arrays[$x][disc_storage_lun_size]' value='".$disc_storage_arrays[$x][disc_storage_lun_size]."'>
</td>
</tr>
";
}
echo "
</table>
<script type='text/javascript'>
jQuery(document).ready(disksystem_selectbox_change);
function disksystem_selectbox_change(){
jQuery('#disksystem$x').change(update_diskgroup_list);
}
function update_diskgroup_list(){
var dssystem=jQuery('#disksystem$x').attr('value');
jQuery.get('printdiskgrouplist.php?disksystem='+dssystem+'&counter=$x', show_diskgroups);
}
function show_diskgroups(disk_groupselect){
jQuery('#diskgroup_list$x').html(disk_groupselect);
}
</script>
<div id='newextstorage'>
</div>
[/code]
og den fil der bliver kaldt for at indsætte formfelter:
[code]
echo "
<table width='100%'>
<tbody>
<tr id='ext_line$x'>
<td class='data_td'>Select DiskSystem<br>
<select name='reg_disksystem[$x]' id='disksystem$x'>
<option value=''>--
";
foreach ($disksystems AS $disksystem)
echo "<option value='".$disksystem["asset_id"]."'>[".$disksystem["asset_id"]."]".$disksystem["asset_name"]."</option>";
echo "
</select>
</td>
<td id='diskgroup_list$x' class='data_td'>Choose DiskSystem First</td>
<td class='data_td'>
<input type=text name='reg_ext_storage[$x][disc_storage_lun_size]' value='form fra create_vdisk.php ind her'>
</td>
</tr>
<script type='text/javascript'>
jQuery(document).ready(disksystem_selectbox_change);
function disksystem_selectbox_change(){
jQuery('#disksystem$x').change(update_diskgroup_list);
}
function update_diskgroup_list(){
var dssystem=jQuery('#disksystem$x').attr('value');
jQuery.get('printdiskgrouplist.php?disksystem='+dssystem+'&counter=$x', show_diskgroups);
}
function show_diskgroups(disk_groupselect){
jQuery('#diskgroup_list$x').html(disk_groupselect);
}
</script>
</tbody>
</table>
";
[/code]
Det ville naturligvis være lækkert med klappet og klar kode som løser mit problem. Men hvis jeg kunne få en indikation af nummering af elementer (select i dette tilfælde) eller ..
Som jeg kan se fyres jQuery af ved document.ready. Men indsætter man efterfølgende elementer i DOM kan jQuery ikke finde dem pr. automatik om man så må sige. Måske en - find id på det element jeg taster i pt. kunne hjælpe.
