Avatar billede bigo Nybegynder
27. juli 2010 - 10:13 Der er 1 kommentar og
1 løsning

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.
Avatar billede bigo Nybegynder
27. juli 2010 - 10:14 #1
ok, hvordan fjerner man lige alle det underlige tegn.. benyttede [c o d e] tag. skal jeg bruge noget andet?
Avatar billede bigo Nybegynder
14. august 2010 - 19:56 #2
Prøver lige igen.. uden underlig kode..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester