append a select box with same option but different name
<p>How can I append a select box with same option and different name.
I have a loop, where my php reads a sql table, and for each row, it creates a option tag</p>

<p>this is the function to append:</p>

<pre><code>$(function(){
    $('#add').click(function(){
        var select = $('span[id=combo]').html();
        $('#allCombo').append('&lt;br/&gt;&lt;span id="combo"&gt;'+select+'&lt;/span&gt;');
    });
});
</code></pre>

<p>this is the select box:</p>

<pre><code>&lt;span id="allCombo"&gt;
                &lt;span id="combo" name="combo"&gt;
                    &lt;select name="item"&gt;
                        &lt;?php foreach ($items as $item) { ?&gt;
                            &lt;option value="&lt;?php echo $item-&gt;item_id; ?&gt;"&gt;
                            &lt;?php echo $item-&gt;item_name; ?&gt;&lt;/option&gt;
                        &lt;?php } ?&gt;
                    &lt;/select&gt;
                &lt;/span&gt;
&lt;/span&gt;
</code></pre>

<p>Can anyone help me.
thanks before.</p>
