+ -
当前位置:首页 → 问答吧 → 如何改变input的属性?

如何改变input的属性?

时间:2010-03-16

来源:互联网

<input class="" name="" id="btn_demo_1" type="password" />
默认是password
点击后type属性变成text
我用
$("#btn_demo_1").attr("type","text");
$("#btn_demo_1").val("请点此输入密码");

无效

请教大家了,我是菜鸟

作者: slj20   发布时间: 2010-03-16

试试下面的代码吧,相信你的能明白
复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js" ></script>
  6. <title></title>
  7. <script type="text/javascript">
  8.     //<![CDATA[
  9.         $(document).ready(function(){
  10.             alert("ID:test现在的type属性是:"+$("#test").attr("type"));
  11.             try{
  12.                 $("#test").attr("type","text");
  13.             }catch(e){
  14.                 alert('JS报错:'+e+"\n但是在火狐,CHROME下可以用原生的JS解决");
  15.                     try{
  16.                         document.getElementById("test").type="text";
  17.                     }catch(e){
  18.                         alert('JS报错:'+e.description+"\nIE下报错无法获得该属性");
  19.                     }
  20.             }
  21.             alert("ID:test现在的type属性是:"+$("#test").attr("type"));
  22.         });
  23.     //]]>
  24. </script>
  25. </head>
  26. <body>
  27. <input type="password" id="test" value=" i am a test" />
  28. </body>
  29. </html>

作者: ywqbestever   发布时间: 2010-03-16

LS的意思就是IE没办法实现了?

作者: 火恋の神父   发布时间: 2010-03-22

jquery不可以对input的type属性进行修改

作者: hechj   发布时间: 2010-04-23