使用jquery更改Input元素的类型

Question

我正在尝试更改输入类型,特别是在点击输入后我需要更改type="text"为type="date".

<input type="text" placeholder="DOB" id="dob" name="dob" />
<script>
    $("#dob").click(function () {
        $(this).attr('type', 'date');

    });
</script>

我想为iPhone应用程序完成此操作.这在iphone 4中不起作用.怎么做？

Answer 1

使用此代码:

<input type="text" placeholder="DOB" id="dob" name="dob"  />
<script>
   $("#dob").click(function(){
        $(this).prop('type', 'date');

  });
</script>

这是小提琴:http://jsfiddle.net/HNKkW/

Answer 2

它是一个属性,所以prop()会这样做:

$("#dob").on('click', function(){
     $(this).prop('type', 'date');
});?

并记得将其包装在document.ready函数中!

小提琴