cloneAndReplace

clone and replace hidden by select

by jpeter06

HTML

<button onclick="cloneAndReplaceBySelect('dato','aCopiar')">activar</button>
<table>
<tr>
    <td>Datos
    </td>
    <td><input id="dato" type="hidden" value="2"> 
    </td>
</tr>
<div style="display:none">
    <select id="aCopiar">
        <option value="1">option1</option>
        <option value="2">option2</option>
        <option value="3">option3</option>
        <option value="4">option4</option>
        
    </select>
    </div>

JavaScript

function cloneAndReplaceBySelect(id, aclonar){
	var $dest = $('#'+id);
	var val=$dest.val();
    var select = $('#'+aclonar);

   var clon=select.clone().attr('id', id ).attr('name', id );

   $dest.after(clon);
   $dest.remove();
   $('#'+id).val(val);  
}