JavaScript学习笔记之下拉选择框的操作

对于下拉框的操作十分繁多，这几天项目需要就总结一下

一、动态构建option

有时候我们需要动态构建下拉选择框里面的&＃20540;，这里我们就要用到 var varItem = new Option("文本","&＃20540;");构建一个或多个文本

var varItem = new Option("studentName","name");  

例子1：窗体在加载完毕后，就自动构造一个option

当然我觉得应该可以一下子构建多个options,可能是声明一个数组或者一个Json对象添加进去，但是具体怎么一下子增加多个option，会的朋友望指点

例子2：利用JS删除一栏为stuNumber的下拉选择框，以后如果做成动态的话就可以通过传参调用方法来删除指定栏的信息了。

	
		
	
	
		
			studentName
			stuNumber
			stuGrade
		
	
	

例子3：删除选中的下拉框的&＃20540;，可以通过一个事件方法来实现，我们可以随便选中一栏，然后点击按钮，然后那一栏就将被删除

	
		
	
	
		
			studentName
			stuNumber
			stuGrade
		
		
	
	

例子4：将下拉选择框中的&＃20540;清空

	
		
	
	
		
			studentName
			stuNumber
			stuGrade
		
	
	

例子5：想得到option里面name的&＃20540;，我们通过一个button事件，点击，弹出对话框，里面的信息就是name的&＃20540;

	
		
	
	
		
			username>
			password>
		
		
	

关键思路还是先得到select下拉选择框这个对象，遍历选中的option，对象.value就可以表达出来。
那我们要是一开始默认就想加载一个特定的option，那我们可以特定定义一个window.onload事件，指定要加载的option的&＃20540;

	
		
	
	
		
			username>
			userage>
		
	

例子6：输出option的下标&＃20540;，从0开始

	
		
	
	
		
			studentname
			studentnumber
		
		
	
	

二、select的回显（与jsp结合）

通常我们执行更新用户信息的时候，需要回显下拉选择框的信息，这时候如果用JSP开发的话，可以利用JSTL标签的

首先引入JSTL标签库：<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

			selected>studentname
			selected>studentnumber

持续总结中~~~

参考博客：