jQuery: Thay đổi loại phần tử từ ẩn thành đầu vào

Question

Tôi đã nhập một loại dữ liệu được đặt thành ẩn, tôi cần thay đổi loại thành văn bản. Có vẻ như không thể hiểu được điều này hoặc nếu có thể với jQuery

Answer 1

Với jQuery 1.4, bạn có thể thay đổi kiểu đầu vào trong khi nó được tách ra.

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

Answer 2

Tôi không chắc chắn điều này là có thể, vì vậy tôi khuyên bạn nên sử dụng div ẩn để chứa phần tử đầu vào, có thể được hiển thị khi cần. Trường nhập văn bản vẫn có thể giữ dữ liệu ngay cả khi nó bị ẩn.

Answer 3

IE sẽ không cho phép bạn thay đổi loại phần tử biểu mẫu vì lý do bảo mật vì vậy tôi sẽ đi với đề xuất div ẩn của Aram.

Answer 4

Đây là cách tôi sẽ làm điều này:

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

Nếu bạn muốn lọc một số yếu tố gọi filter() trước mỗi(), như thế này:

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

Answer 5

người đàn ông dễ dàng .. .

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

Kích hoạt

nó trên một sự kiện

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

Khi c là một đối tượng jQuery; hàm ở trên thay đổi thuộc tính type. Cách sử dụng:

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

Answer 7

Cũ chủ đề, nhưng gần đây tôi cần phải làm điều gì đó tương tự nhưng với các lĩnh vực tập tin và thanh toán bù trừ họ ... Tôi nghĩ rằng giải pháp tương tự có thể áp dụng, nhưng ít nhất bạn có thể lấy nội dung trong trường hợp này.

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

Điều đó cũng nên giải quyết vấn đề :).