Question

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

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

以及以下html表单：

  <label for="selectcode" class="select">LABEL"; 
  <select name="countrycode" id="selectcode" data-native-menu=\"true">
    <option value="">Choose one</option>
   <option value="@">email (email field)</option>
    <option value="+39" >SMS:(+39)</option>
  </select>
  <fieldset data-role="collapsible" data-theme="b" data-content-theme="d" data-collapsed="false">"
    <legend>"LOGIN</legend>"

<div class="group0>"

 <label for="UserName" id="smsreg" >Username1</label>
 <label for="UserName" id="ppreg" >Username 2</label>

<input title="TITLE" type="text" name="UserName" value="" class="required"  id="UserName" data-clear-btn="true"  />"

密码： ..更多领域.. 登录

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

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

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

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

0 个答案: