Java中在jsp页面怎么写出一个下拉表？
请帮忙写出来，里面包含3个选项就行、我怕你就写一个我还不会网上填，还有就是如果下拉表的数据是从数据库取的那么这个时候:option那里该怎么写？我之前是做.net的所以不...
请帮忙写出来，里面包含3个选项就行、我怕你就写一个我还不会网上填，还有就是如果下拉表的数据是从数据库取的那么这个时候:option那里该怎么写？我之前是做.net的所以不太懂java请大神帮帮忙
展开
1个回答
展开全部
一、为Select控件添加选项options：
如：为select2控件添加option。
var opt = document.createElement("OPTION");
opt.text = "合肥";
opt.value = "hf";
opt.selected=false;
select2.add(opt);
二、把前一次选择的选项清空。
如：清空select2中的选项内容。
var number=select2.options.length;
for(var j=select2.length-1;j>=0;j--){
select2.removeChild(select2.childNodes.item(j));
}
三、级联的具体代码：
<html>
<head>
<script type="text/javascript">
function myselect()
{
var s1=document.getElementById("select1");
var select2=document.getElementById("select2");
var number=select2.options.length;
for(var j=select2.length-1;j>=0;j--){
select2.removeChild(select2.childNodes.item(j));
}
var dopt = document.createElement("OPTION");
dopt.text="请输入市";
select2.add(dopt);
if(s1.value=="ah")
{
var opt = document.createElement("OPTION");
opt.text = "合肥";
opt.value = "hf";
opt.selected=false;
select2.add(opt);
var opt2 = document.createElement("OPTION");
opt2.text = "宣城";
opt2.value = "xc";
opt2.selected=false;
select2.add(opt2);
}else if(s1.value=="bj")
{
var opt3 = document.createElement("OPTION");
opt3.text = "朝阳";
opt3.value = "cy";
opt3.selected=false;
select2.add(opt3);
var opt4 = document.createElement("OPTION");
opt4.text = "西城";
opt4.value = "xc";
opt4.selected=false;
select2.add(opt4);
}
//if(s1.value=="nj")
else
{
var opt5 = document.createElement("OPTION");
opt5.text = "总统府";
opt5.value = "ztf";
opt5.selected=false;
select2.add(opt5);
var opt6 = document.createElement("OPTION");
opt6.text = "雨花石";
opt6.value = "yhs";
opt6.selected=false;
select2.add(opt6);
}
}
</script>
</head>
请选择省份：
<select id="select1" onChange="myselect()">
<option>请选择省份</option>
<option value="ah">安徽</option>
<option value="bj">北京</option>
<option value="nj">南京</option>
</select>
<br/>
请选择市名：<select id="select2"><option value="0">请输入市</option></select>
</html>
ajax部分看：
http://wenku.baidu.com/view/f54fb0c69ec3d5bbfd0a744f.html
http://wenku.baidu.com/view/ebf40ed03186bceb19e8bb3d.html
如：为select2控件添加option。
var opt = document.createElement("OPTION");
opt.text = "合肥";
opt.value = "hf";
opt.selected=false;
select2.add(opt);
二、把前一次选择的选项清空。
如：清空select2中的选项内容。
var number=select2.options.length;
for(var j=select2.length-1;j>=0;j--){
select2.removeChild(select2.childNodes.item(j));
}
三、级联的具体代码：
<html>
<head>
<script type="text/javascript">
function myselect()
{
var s1=document.getElementById("select1");
var select2=document.getElementById("select2");
var number=select2.options.length;
for(var j=select2.length-1;j>=0;j--){
select2.removeChild(select2.childNodes.item(j));
}
var dopt = document.createElement("OPTION");
dopt.text="请输入市";
select2.add(dopt);
if(s1.value=="ah")
{
var opt = document.createElement("OPTION");
opt.text = "合肥";
opt.value = "hf";
opt.selected=false;
select2.add(opt);
var opt2 = document.createElement("OPTION");
opt2.text = "宣城";
opt2.value = "xc";
opt2.selected=false;
select2.add(opt2);
}else if(s1.value=="bj")
{
var opt3 = document.createElement("OPTION");
opt3.text = "朝阳";
opt3.value = "cy";
opt3.selected=false;
select2.add(opt3);
var opt4 = document.createElement("OPTION");
opt4.text = "西城";
opt4.value = "xc";
opt4.selected=false;
select2.add(opt4);
}
//if(s1.value=="nj")
else
{
var opt5 = document.createElement("OPTION");
opt5.text = "总统府";
opt5.value = "ztf";
opt5.selected=false;
select2.add(opt5);
var opt6 = document.createElement("OPTION");
opt6.text = "雨花石";
opt6.value = "yhs";
opt6.selected=false;
select2.add(opt6);
}
}
</script>
</head>
请选择省份：
<select id="select1" onChange="myselect()">
<option>请选择省份</option>
<option value="ah">安徽</option>
<option value="bj">北京</option>
<option value="nj">南京</option>
</select>
<br/>
请选择市名：<select id="select2"><option value="0">请输入市</option></select>
</html>
ajax部分看：
http://wenku.baidu.com/view/f54fb0c69ec3d5bbfd0a744f.html
http://wenku.baidu.com/view/ebf40ed03186bceb19e8bb3d.html
追问
我就是想在页面上写出来一个下拉表大神你这个js中的方法我现在还没搞到那个地方
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
