JS小东东

来源:互联网 发布:广元广电网络客服电话 编辑:程序博客网 时间:2024/05/14 07:50

1 判断textarea的输入字数的控制

   /**  

* 限制textarea文本域输入的字符个数  

* @textareaId  textarea表单ID  

* @spanName  显示当前字符个数的span ID

* @count 要限制的最大字符数  

* 2011年1月21日13:40:26改成可以最多输入400个字节=200个汉字

*/  

function limitChars(textareaId,spanId,count){   

    var obj = document.getElementById(textareaId);   

    //未输入返回

    if(obj.value.length == 0){

     document.getElementById(spanId).innerHTML=obj.value.length;

     return;

    }

    var _count = 0;

    for(var i=0;i<obj.value.length;i++){

_count += /[/u4E00-/u9FA5/uF900-/uFA2D]/.test(obj.value.charAt(i)) ? 2 : 1;

if(_count > count){

alert("短信内容不能超过"+count+"个字符!"); 

obj.value = obj.value.substring(0,i);

}else{

document.getElementById(spanId).innerHTML=_count;

}

    }

 } 

<textarea name="content" id="content" rows="6" style="width:70%;" onkeydown="limitChars('content','counter',400)" onchange="limitChars('content','counter',400)" onpropertychange="limitChars('content','counter',400)">${value}</textarea>

 

 

 

2  js将字符串中的"替换成空,当然可以是其他的东西

    var reg=new RegExp("/"","g");//全局正则,将"换成空格

    ss = ss.replace(reg,"");  //其中ss是要替换的字符串

 

3 js控制textarea的不可编辑

document.getElementById(' textareaid ').readOnly = true;



4 css控制长度,超过了换行

 #wrap{white-space:normal; width:900px; }
 "<div id='wrap'><b>"+type.getName()+":</b> "+type.getDescription()+"</div>";
 css这样可以在页面中控制长度


5  对于单独拎出来的 js中加window

  var dv = window.document.getElementById(divid); //不加window.是不行的


6 获得界面中选中的radio的值

   在写的时候,开始使用了getElementById总也不行,不知道怎么回事,后来没辙了,查了下google 看到很多

   用getElementByName,换了下,成了!


js 下拉框取的名称值

       通常用下拉列表框时都会取它的值(value),但有时也会用到它的名称,取名称时用的是text属性,而不是name,今天用到时起初用的是name,但报不是对象错误,原来是text属性,自己在这里标注一下了,希望不知道的人也注意一下啦。

例如:

<select id="dept" name="dept" onchange="getname(this)"> 
<option selected value="1">工程部 </option> 
<option value="2">预审部 </option> 
<option value="3">销售部 </option> 
</select> 
<SCRIPT LANGUAGE="JavaScript">
<!--
    
function getname(se){
        alert(se.options[se.selectedIndex].text);//取名称时用text属性

        alert(se.options[se.selectedIndex].value);//取值时用value属性
    }
</SCRIPT>