Create few Flip toggle switch with javascript

Create few Flip toggle switch with javascript

Hi,

I want to creat some flip toggle switches with a javascript function to insert them in rows.

When i pressed create button, its create everything but instead of flip toggle switch, a dropdownlist.

How can I create flip toggles?? 

Thanks!!

PD:

It is a while function like this:

  1. function createTable()

                {

                var lista= new Array();

                        lista[0]= new Array('aaa','aaa', 'aaa','a');

                        lista[1]= new Array('bbb','bbb', 'bbb','bbb');

                        lista[2]= new Array('ccc','cccc', 'ccc','cc');

                        lista[3]= new Array('ddd','ddd', 'ddd','ddd);

                        lista[4]=null;

                    var i=0;

                    //Despues de comparar

                    var tabla="";

                    while (lista[i]!=null)

    {

                        tabla=tabla+'<li><table width="100%"><tr><td align="center"width="20%"><img src="img/fotos/'+lista[i][0]+'.jpg"height="70" width="70"/></td><td align="left" width="54%"><h3>'+lista[i][1]+'</h3><p>'+lista[i][2]+'</p></td><td align="left" width="10%"><span class="ui-li">'+lista[i][3]+'</span></td><td align="right" width="6%"><input type="tel" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" data-mini="true" value="'+lista[i][3]+'"></input></td><td width="10%">';

                        

                        //Flip toggle at the end of the row

                        tabla=tabla+'<div data-role="fieldcontain"><label for="flip-'+i+'" class="ui-hidden-accessible"> Select </label><select name="flip-'+i+'" id="flip-'+i+'" data-role="slider"><option value="off">Check</option><option value="on">On</option></select></div>'

                        

                        tabla=tabla+'</td></tr></table></li>';

                        

                        

                        

                        i++;

                    }

                    $('div#cabecera').toggle();

                    $('div#lista').html(tabla);

                    

                }