测试代码如下(文件名为：testselectjsp)：
<%@ page language=java import=javautil pageEncoding=GB18030%<%requestsetCharacterEncoding(GB18030);//加上这一句解决的
String path = requestgetContextPath();
String basePath = requestgetScheme() + ://
+ requestgetServerName() + : + requestgetServerPort()
+ path + /;
//存放下来菜单对应值的数组
ArrayList nu = new ArrayList();
nuadd(一);
nuadd(二);
nuadd(三);%<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 401 Transitional//EN<html<head<base href=<%=basePath%
<titleMy JSP 'testselectjsp' starting page</title</head<body通过requestgetParameter(number)方法取得下拉框选取的值
<form method=post action=testselectjsp <!-- 提交给自身 --
<select name=number<%for (int i = 0; i < nusize(); i++) {
outprint(<option + nuget(i) + </option);}%</select
<input type=submit value=提交 name=submit</form</body<%//取得提交的数字，并显示
outprint(选的值是： + n);%</html运行界面：
当前值是：
<select onchange="alert(thisvalue);">
<option value="test1">test1</option>
<option value="test2">test2</option>
</select>
javascript简介：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
jQuery是控制和 *** 作select详解。先看下面的html代码
<select id="test">
<option value="1">选项一<option>
<option value="2">选项一<option>
<option value="n">选项N<option>
</select>
所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：
//获取第一个option的值
$('#test option:first')val();
//最后一个option的值
$('#test option:last')val();
//获取第二个option的值
$('#test option:eq(1)')val();
//获取选中的值
$('#test')val();
$('#test option:selected')val();
//设置值为2的option为选中状态
$('#test')attr('value','2');
//设置最后一个option为选中
$('#test option:last')attr('selected','selected');
$("#test")attr('value' , $('#test option:last')val());
$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());
//获取select的长度
$('#test option')length;
//添加一个option
$("#test")append("<option value='n+1'>第N+1项</option>");
$("<option value='n+1'>第N+1项</option>")appendTo("#test");
//添除选中项
$('#test option:selected')remove();
//删除项选中(这里删除第一项)
$('#test option:first')remove();、
//指定值被删除
$('#test option')each(function(){
if( $(this)val() == '5'){
$(this)remove();
}
});
$('#test option[value=5]')remove();
//获取第一个Group的标签
$('#test optgroup:eq(0)')attr('label');
//获取第二group下面第一个option的值
$('#test optgroup:eq(1) : option:eq(0)')val();jQuery获取Select元素，并设置的 Text和Value:
$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中
$("#select_id ")val(4); // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select元素的Option项：
$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option
三级分类 <select name="thirdLevel" id="thirdLevel"
onchange="getFourthLevel()">
<option value="0" id="thirdOption">
请选择三级分类
</option>
</select>
</div>
四级分类:
<select name="fourthLevelId" id="fourthLevelId">
<option value="0" id="fourthOption">
请选择四级分类
</option>
</select>
</div>
if($("#thirdLevel")val()!=0){
$("#thirdLevel option[value!=0]")remove();
}
if($("#fourthLevelId")val()!=0){
$("#fourthLevelId option[value!=0]")remove();
}//这个表示：假如希望当选择选择第三类时：如果第四类中有数据则删除，如果没有数据第四类的商品中的为默认值。
获取Select ：
获取select 选中的 text :
$("#ddlRegType")find("option:selected")text();
获取select选中的 value:
$("#ddlRegType ")val();
获取select选中的索引:
$("#ddlRegType ")get(0)selectedIndex;
设置select:
设置select 选中的索引：
$("#ddlRegType ")get(0)selectedIndex=index;//index为索引值<div id="sel" style="display: none">
<select name="select2">
<option value="1" selected>采购部</option>
<option value="2">生产部</option>
<option value="3">库存部</option>
</select>
</div>
<div id="in" style="display: none">
<input type="text" name="userInfo" class="logininput" id="name" size="25">
</div>
<select name="select" onchange=myselect()>
<option value="department" selected>用户部门</option>
<option value="userName">用户姓名</option>
</select>
在JavaScript块里定义这个函数：
function myselect(){
//selectedIndex == 0 表示选了：用户部门
if(documentforms[form1]select[0]selectedIndex == 0){
documentgetElementById('sel')styledisplay = "";
documentgetElementById('in')styledisplay = "none";
return;
}
//selectedIndex == 0 表示选了：用户姓名
if(documentforms[form1]select[0]selectedIndex == 1){
documentgetElementById('in')styledisplay = "";
documentgetElementById('sel')styledisplay = "none";
return;
}
}
这样应该就可以了，是手写的，不知道有没有拼错，楼主有问题可以M我！！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）