1、首先我们准备好html文档,在其中写好form表单。
2、接下来在后台方法中我们通过getParameter来获取请求的参数。
3、然后我们启动Tomcat,选择Redeploy选项。
4、然后我们就可以在后台的输出栏中看到输入的内容了。
5、更改为${}来使用,运行成功,sql语句为:"select from tbl_employee where id = 4 and last_name = ",故可以使用${}来获取Map参数列表中的表名。
html中获取标签的数据,可以通过js来获取,如下代码:
<script type="text/javascript" src="js/jqueryjs"></script>
<script type="text/javascript">
function validate(){
//一 .是通过jDOM
// var attitudeObj = documentgetElementById("attitude");
//var attitude = attitudeObjinnerHTML;
//二 .是通过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 = attreplace(/\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/mainfrajsp";
//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;
return true;
}
</script>
</head>
<body">
<div >
<div style="margin-left: 100px;">
<!-- <form action="teacherAction_AddGraduationTitleaction" method="post" >-->
<span>自动编号:</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><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>
基本思路:遍历select下的option,使用val()获取每个option的值,然后加入到一个数组中。根据这个思路,可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码:
$("option")map(function(){return $(this)val();})get()join(", ")
代码说明:
使用map()函数把每个option的值传递到当前匹配集合,生成包含返回值的对象;
使用 get() 处理返回的对象以得到基础的数组;
使用join()函数组装字符串。
实例演示如下:
1、HTML结构
<select id="test">
<option value="option-1">option-1</option>
<option value="option-2">option-2</option>
<option value="option-3">option-3</option>
</select><br>
<input type="button" value="获取所有option值">
2、jquery代码
$(function(){
$(":button")click(function() {
var str = $("#test option")map(function(){return $(this)val();})get()join(", ")
alert(str);
});
});
这个无法用 HTML 去读取,需要用到 JavaScript。代码如下:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select id="select1">
<option value="0">== 请选择 ==</option>
<option value="1">苹果</option>
<option value="2">香蕉</option>
<option value="3">桃子</option>
</select>
<p id="result"></p>
<script>
documentgetElementById('select1')onchange = function() {
var getText = function(elm) {
if (typeof elminnerText == 'string') {
return elminnerText;
}
return elmtextContent;
};
var value = thisvalue,
index = thisselectedIndex,
text = getText(thisoptions[index]);
documentgetElementById('result')innerHTML = '' + value + ' ' + text;
}
</script>
</body>
</html>
用javascript取值,下面是一个例子:
<select id="Select1" onchange="getSelectValue(this);">
<option value="1">第一项</option>
<option selected value="2">第二项(默认选中)</option>
<option value="3">第三项</option>
<option value="4">第四项</option>
</select>
<br /><br /><br />您选择的是:
<span id="selectValue"></span>
<script language="javascript" type="text/javascript">
function getSelectValue(obj) {
var sValue = objoptions[objoptionsselectedIndex]value; //这是取值
var sText = objoptions[objoptionsselectedIndex]innerHTML; //这是取文本内容
documentgetElementById("selectValue")innerHTML = sText + ",他的值为:" + sValue; //测试输出
}
</script>
好小气,没分哦
<select name="ClassLevel1" size="23" style="width: 125px;" id="ClassLevel1">
<option value="74">电脑/网络</option>
<option value="80">生活</option>
<option value="79">医疗健康</option>
<option value="78">体育/运动</option>
<option value="95">电子数码</option>
<option value="82">商业/理财</option>
<option value="83">教育/科学</option>
<option value="84">社会民生</option>
<option value="85">文化/艺术</option>
<option value="77">游戏</option>
<option value="1031">娱乐休闲</option>
<option value="81">烦恼</option>
<option value="1101">资源共享</option>
<option value="1">地区</option>
</select>
function getSelectedText(name){
var obj=documentgetElementById(name);
for(i=0;i<objlength;i++){
return obj[i]innerText; //关键是通过option对象的innerText属性获取到选项文本
}
}
以上就是关于在html静态页面中获取请求参数和参数值全部的内容,包括:在html静态页面中获取请求参数和参数值、html的标签,如何获取当前选中的项的内容呢、用jquery怎么获取下拉框第二个option的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)