jQuery: Cambia tipo di elemento da nascosto a input

Question

Ho un input che è di tipo nascosto, ho bisogno di cambiarlo in testo. Non riesco a capirlo o se è possibile con jQuery

Answer 1

Con jQuery 1.4 è possibile modificare il tipo di un input mentre è staccato.

marker = $('<span />').insertBefore('#myInput'); 
$('#myInput').detach().attr('type', 'text').insertAfter(marker); 
marker.remove(); 

Answer 2

Non sono sicuro che sia possibile, quindi suggerirei di usare un div nascosto per contenere l'elemento di input, che può essere mostrato secondo necessità. Il campo di inserimento del testo può ancora contenere dati anche se è nascosto.

Answer 3

IE non consente di modificare il tipo di un elemento del modulo per motivi di sicurezza, quindi andrei con il suggerimento nascosto di Aram div.

Answer 4

Ecco come farei questo:

$("input[type='hidden']").each(function(){ 
    var name = $(this).attr('name'); // grab name of original 
    var value = $(this).attr('value'); // grab value of original 
    /* create new visible input */ 
    var html = '<input type="text" name="'+name+'" value="'+value+'" />'; 
    $(this).after(html).remove(); // add new, then remove original input 
}); 

Se si desidera filtrare alcuni degli elementi chiamano filtro() prima di ogni(), in questo modo:

$("input[type='hidden']").filter("[name='whatever']").each(function... 

Answer 5

facile l'uomo .. .

$('input[type="hidden"]').each (function() { this.type = 'text'; });   

trigger su un evento

Answer 6

Overlay.toAnyType = function (c, type) { 

    var shadow = jQuery(document.createElement(c.context.nodeName)); 

    // Clone attributes to new object. 
    for (var i = 0; i < c[0].attributes.length; i++) { 
     var attr = c[0].attributes[i].name; 
     var val = c[0].attributes[i].value; 

     if (attr == "type") val = type; 
     shadow.attr(attr, val); 
    } 


    shadow.insertAfter(c); 
    c.remove(); 
}; 

Quando c è un oggetto jQuery; la funzione sopra cambia l'attributo type. Uso:

var inputElemt = jQuery("#input"); 
Overlay.toAnyType(inputElemt, "text"); 

Answer 7

thread vecchio, ma di recente ho bisogno di fare qualcosa di simile, ma con campi di file e la loro liquidazione ... Penso che la stessa soluzione potrebbe essere applicata, ma almeno si può afferrare il contenuto, in questo caso.

var temp = $('#hidden-field').val(); 
$("#container-for-field").html("<input id='not-hidden' type='text' value='"+temp+"'/>"); 

Questo dovrebbe anche risolvere il problema :).