如何使用jquery mobile更改选择的输入类型

我说我有这个脚本（jquery mobile 1.3.2）

 $( document ).bind( "pageinit", function( event, data ) { $("#ppreg").hide(); $("#smsreg").hide(); $(".group1").hide(); $(".group2").hide(); $(".group0").hide(); $('#selectcode').change(function() { var regtype = $("#selectcode option:selected").val(); if (regtype == "@") { $("#ppreg").show(); $("#smsreg").hide(); $(".group1").show(); $(".group2").hide(); $(".group0").show(); $("#UserName").setAttribute("type","tel"); } else { $("#ppreg").hide(); $("#smsreg").show(); $(".group2").show(); $(".group1").hide(); $(".group0").show(); $("#UserName").setAttribute("type","email"); } }); });  

以及以下html表单：

  LABEL";  Choose one email (email field) SMS:(+39)  
" 
"LOGIN
" 
" Username1 Username 2 " 

密码：..更多字段..登录

问题：输入类型在选择时不会改变，我想将它从输入类型=“文本”更改为输入类型=“tel”或输入类型=“电子邮件”，具体取决于所选值

任何人都可以解释我的错误在哪里？

这里是jsfiddle： http ： //jsfiddle.net/raidnet/U754k/4/