Create a dynamic select object in Javascript

Question

Possible Duplicate:
How to populate the options of a select element in javascript

I would like to create a dynamic select tag and options tag in javascript. Any suggestions?

Answer 1

try javascript

   var select = document.createElement( 'select' );
   var option;
   var inputdata = 123||456||789;

    inputdata.split( '||' ).forEach(function( item ) {

        option = document.createElement( 'option' );

        option.value = option.textContent =        item;

        select.appendChild( option );
    });

jquery

var inputdata = 123||456||789;
 var split = input.split('||');
 var select = $('<select name="options" id="options"></select>');
 $.each(split, function(index, value) {
   var option = $('<option></option>');
   option.attr('value', value);
   option.text(value);
   select.append(option);
 });
 $('#container).empty().append(select);