将Input元素从隐藏转换为可见的最佳实践

Question

实现一个脚本的最佳实践（和现代）是什么，该脚本可以输入隐藏类型的文本框并使其可见（按某些用户按钮按下左键）。

<input name="someName" class="field" id="ID1" type="hidden" value=""></input>

<a id="ID2" href="#">Do It</a>

<script>    
    $('a').click(function () {
        // What to implement here?? how to make the input element to be visible?
    });
</script>

Answer 1

由于无法直接更改输入元素的类型，因此需要克隆元素，然后将元素type属性更改为输入应该是的属性，文本，密码，数字，日期等，然后用新的替换原件。

$('a').click(function () {
    $("#ID1").replaceWith( $("#ID1").clone().attr("type","text") );
});

jQuery's clone

jQuery's replaceWith