JS 常用控件

单选框

<input type="button" value="选中下一个拉选项" onClick="getvalue()" />   
 <select id="status"  οnchange="getnextnumber()" style="margin-left: 20px" >     
       <option value="1">选项1</option>       
       <option value="2">选项2</option>     
       <option value="3">选项3</option>  
       <option value="4">选项4</option>   
       <option value="5">选项5</option>   
 </select>
 <script type="text/javascript" >       
     var objS = document.getElementById("status");      
     	//设置选中值  
     	//    objS.options[3].selected = true;
     	function getvalue(){      
     	//获取到下拉框的长度      
    	var length = objS.length;  
     	objS.options[3].selected = true;    
     	getnextnumber();        
     }   
     function getnextnumber() {     
         //获取选择的下拉框      
         var name = objS.options[objS.selectedIndex].value;           
         var length=objS.length;     
         alert("选中的下拉框中的值" + name)     
      }   
 </script>

获取文本框内容

  //按钮获取文本框内容   
  <input type="text" value="" id="text">  
  <input type="button" value="确认" onclick="sub()">  
  <script>     
     function sub() {        
         var content = document.getElementById("text");    
         alert(content.value);  
     }   
  </script>

滚动文本框

<!-- 滚动文本框 -->
<div>   
   <textarea rows="5" cols="30" id="chatText"       
   	style="overflow:visible;width:550px;font-size:12px;background-color:#f6f8f9;"        >
   </textarea>  
</div>
<input type="button" value="添加" onclick="sub()">   
<script>    
	function sub() {    
           var text = document.getElementById("chatText");    
           text.value = text.value + "\n" + new Date();  
           text.scrollTop = text.scrollHeight;   
        }  
</script>