jQuery: изменить тип элемента со скрытого на ввод

Question

У меня есть ввод, тип которого скрыт, мне нужно изменить его тип на текстовый. Не могу понять это или, если это возможно с JQuery

Answer 1

С помощью jQuery 1.4 вы можете изменить тип входа, пока он отключен.

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

Answer 2

Я не уверен, что это возможно, поэтому я бы предложил использовать скрытый div для хранения элемента ввода, который может отображаться по мере необходимости. Поле ввода текста может содержать данные, даже если они скрыты.

Answer 3

Вот как бы я это сделал:

$("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
});

Если вы хотите отфильтровать некоторые элементы, вызовите filter () перед каждым (), например:

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

Answer 4

IE не позволит вам изменить тип элемента формы по соображениям безопасности, поэтому я бы воспользовался предложением Арама о скрытом div.

Answer 5

легкий человек ...

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

Запуск по событию

Answer 6

Старый поток, но недавно мне нужно было сделать что-то подобное, но с файловыми полями и очисткой их ... Я думаю, что может быть применено то же решение, но, по крайней мере, вы можете получить содержимое в этом случае.

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

Это также должно решить проблему:).

Answer 7

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();
};

Когда c является объектом jQuery; функция выше меняет атрибут типа. Использование:

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