需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的标签中输入html代码：
3、浏览器运行index.html页面，此时表格的第一格同时跨两行和两列。
html中获取标签的数据，可以通过js来获取，如下代码：
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function validate(){
//一 ．是通过jDOM
// var attitudeObj = document.getElementById("attitude")
//var attitude = attitudeObj.innerHTML
//二 ．是通过jquery
var att = $("#attitude").text()//可以得到输入域中的内容
var idnum = $("#idnum").val()
var name = $("#name").val()
var t_name = $("#t_name").val()
var pro_name = $("#pro_name").val()
// alert(att)
if( name == null || name == "" ){
alert("请输入毕业设计名称!")
return false
}
att = att.replace(/\s+/g,"")
if( att == null || att == ""){
alert("请输入选题须知！")
return false
}
if( t_name == null || t_name == "" ){
alert("请选择教师!")
return false
}
if( pro_name == null || pro_name == ""){
alert("请选择专业！")
return false
}
location="teacher/mainfra.jsp"
//location="teacherAction_AddGraduationTitle.action?idnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end
return true
}
</script>
</head>
<body">
<div >
<div style="margin-left: 100px">
<!-- <form action="teacherAction_AddGraduationTitle.action" method="post" >-->
<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray" value="<s:property value="#request.maxIdnum"/>"/><br/>
<br/>
<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>
<span>所属教师：</span><select name="t_name" id="t_name">
<option></option>
<s:iterator value="teacherList">
<option value="<s:property value='idnum' />"><s:property value="name" /></option>
</s:iterator>
</select><br/><br/>
<span>所属专业：</span><select name="pro_name" id="pro_name">
<option></option>
<s:iterator value="professionList">
<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>
</s:iterator>
</select>
<br/>
<br/>
<span>选题须知：</span>
<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red">
</textarea>
<br/>
<br/>
<input type="button" value="添加"> <input style="margin-left: 100px" type="reset" value="重置">
<!-- </form>-->
</div>
</div>
</body>
在HTML页面中，获取当前select元素中所选中的那个值和显示值。
<tr>
<th scope="row" width="15%" nowrap >*目标字段</th>
<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change()”>
<option value=”1”>eg1</option>
<option value=”2”>eg2</option>
<option value=”3”>eg2</option>
</select>
</td>
</tr>
<script>
function on_idmbzd_change(){
var sel_obj = document.getElementByIdx("idMbzd ")；
var index = sel_obj.selectedIndex
alert(sel_obj.options[index].value)
alert(sel_obj.options[index].text)
}
</script>
设置select元素的选中项：
通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。
<select id = "sel" >
<option value = "1" >1</ option >
<option value = "2" selected = "selected" >2</ option >
<option value = "3" >3</ option >
</ select >
扩展资料超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。
参考资料来源：百度百科-HTML欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）