13518219792
再加个判断，如果res_id==003 就给option一个属性 selected="selected"。这样就默认选中的。输出出来应该是这样的
成都创新互联服务项目包括杜尔伯特网站建设、杜尔伯特网站制作、杜尔伯特网页制作以及杜尔伯特网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，杜尔伯特网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到杜尔伯特省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
option value="003" selected="selected"补考/option
江南大学Java课程挂科需要补考，补考不过需要重修。学Java课程推荐千锋教育，千锋教育师资力量强大，教学方式优质，值得信赖！
Java课程内容一般都有以下几门：
1、掌握Java语言的使用
语言语法、程序逻辑，OOP（面向对象）思想，封装、继承、多态，集合框架、泛型、File I\O技术，多线程技术、socket网络编程，XML技术。编程有关的操作系统基本使用，HTML5规范、HTML5文档结构、HTML5元素、Web语义化；CSS3规范、CSS3选择器、层叠与继承、盒模型与视觉格式化模型、现代CSS布局、CSS3基本属性。
2、掌握Java Web开发技术
Java开发中使用到的Web前端技术，HTML5+CSS3，JavaScript操作BOM和DOM，JQuery的选择器、事件处理、动画效果，MySQL数据库技术，JDBC技术、JSP、Servlet、EL和JSTL、过滤器和监听器、Ajax异步请求等，Linux技术、SVN、Linux环境下项目发布部署等。
3、掌握使用流行框架SSM\SSH技术实现企业级项目开发
重点学习MyBatis、Spring、Spring MVC框架的应用，Git、Java设计模式等，重点学习Struts2 、Spring、Hibernate框架的应用，Maven、Oracle数据库应用技术，了解大数据生态体系，Hadoop基础入门。
想要了解更多有关Java课程的相关信息，推荐咨询千锋教育。千锋教育总部位于北京，目前已在20个城市成立分公司，现有教研讲师团队300余人。公司目前已与国内20000余家IT相关企业建立人才输送合作关系，每年培养泛IT人才近2万人，十年间累计培养超10余万泛IT人才，累计向互联网输出免费教学视频950余套，累积播放量超9800万余次，实力强大，值得选择。
写起来 好浪费时间！~
先写了第一个！
不保证 100% 符合要求
第二个
!DOCTYPE html
html
head
title/title
style
*{
margin:0px;
padding:0px;
list-style: none;
}
.nav{
width: 1000px;
margin:0px auto;
position: relative;
}
.nav ul li{
background: #9b203f;
float: left;
color: #fff;
border-bottom:#fff dashed 1px;
width: 240px; height: 40px;
line-height: 40px;
text-align: center;
cursor:pointer;
font-weight: bold;
position: relative;
}
.nav ul li:hover{background:#c30430; }
.nav ul li:last-child{border-bottom: 0px;}
.nav ul li .dis{
width: 240px;
display: none;
background: #c30430;
top: 40px;
left: 0px;
overflow: hidden;
font-weight: normal;
line-height: 40px;
text-align: center;
position: absolute;
}
.nav ul li .dis span{
display: block;
width: 100%;
height: 40px;
border-bottom: #fff dashed 1px;
margin:0px auto;
text-align: center;
color:#fff;
}
.nav ul li .dis span:last-child{border-bottom: 0px;}
.nav ul li .dis span:hover{ background: #e00034; }
/style
script type="text/javascript"
window.onload=function(){
var onav=document.getElementById('nav');
var oli=onav.getElementsByTagName('li');
var odiv=onav.getElementsByTagName('div');
var num1=['计算机文化基础','网页设计与制作','高等数学','大学英语'];
var num2=['C#程序设计上','数据库设计上','JavaScript程序设计'];
var num3=['C#程序设计下','数据库设计下','XML基础'];
for(var i=0; inum1.length;i++){
var opan=document.createElement('span');
odiv[0].appendChild(opan).innerHTML=num1[i];
}
for(var i=0; inum2.length;i++){
var opan=document.createElement('span');
odiv[1].appendChild(opan).innerHTML=num1[i];
}
for(var i=0; inum3.length;i++){
var opan=document.createElement('span');
odiv[2].appendChild(opan).innerHTML=num1[i];
}
for( var i=0; ioli.length; i++ ){
oli[i].index=i;
oli[i].zk=2;
oli[i].onclick=function(){
if (this.zk==2) {
for( var j=0; joli.length; j++ ){
oli[j].style.background='';
oli[j].zk=2;
}
this.style.background='#c30430';
for( var j=0; jodiv.length; j++ ){
odiv[j].style.display='none';}
odiv[this.index].style.display='block';
this.zk=1;
return;
}
if (this.zk==1) {
odiv[this.index].style.display='none';
this.style.background='#9b203f';
this.zk=2;
}
}
}
}
/script
/head
body
div id="nav" class="nav"
ul
li第一学期
div class="dis"/div
/li
li第二学期
div class="dis"/div
/li
li第三学期
div class="dis"/div
/li
/ul
/div
/body
/html
第一个
!DOCTYPE html
html
head
title/title
style
*{
margin:0px;
padding:0px;
list-style: none;
}
.nav{
width: 1000px;
margin:0px auto;
position: relative;
}
.nav ul li{
background: #9b203f;
color: #fff;
border-bottom:#fff dashed 1px;
width: 240px; height: 40px;
line-height: 40px;
text-align: center;
cursor:pointer;
font-weight: bold;
position: relative;
}
.nav ul li:hover{background:#c30430; }
.nav ul li:last-child{border-bottom: 0px;}
.nav ul li .dis{
width: 300px;
display: none;
background: #c30430;
top: 0px;
left: 240px;
overflow: hidden;
font-weight: normal;
line-height: 40px;
text-align: center;
position: absolute;
}
.nav ul li .dis span{
display: block;
width: 100%;
height: 40px;
border-bottom: #fff dashed 1px;
margin:0px auto;
text-align: center;
color:#fff;
}
.nav ul li .dis span:last-child{border-bottom: 0px;}
.nav ul li .dis span:hover{ background: #e00034; }
/style
script type="text/javascript"
window.onload=function(){
var onav=document.getElementById('nav');
var oli=onav.getElementsByTagName('li');
var odiv=onav.getElementsByTagName('div');
for( var i=0; ioli.length; i++ ){
oli[i].index=i;
oli[i].zk=2;
oli[i].onclick=function(){
if (this.zk==2) {
for( var j=0; joli.length; j++ ){
oli[j].style.background='';
oli[j].zk=2;
}
this.style.background='#c30430';
for( var j=0; jodiv.length; j++ ){
odiv[j].style.display='none';}
odiv[this.index].style.display='block';
this.zk=1;
return;
}
if (this.zk==1) {
odiv[this.index].style.display='none';
this.style.background='#9b203f';
this.zk=2;
}
}
}
}
/script
/head
body
div id="nav" class="nav"
ul
li手机
div class="dis"
span华为/span
span三星/span
span小米/span
span苹果/span
/div
/li
li平板
div class="dis"
span国产/span
span进口/span
/div
/li
li配件
div class="dis"
spanU盘/span
span储存卡/span
span音响/span
span充电器/span
/div
/li
li应用市场
div class="dis"
span手机游戏/span
span手机应用/span
/div
/li
/ul
/div
/body
/html
