在html静态页面中获取请求参数和参数值

在html静态页面中获取请求参数和参数值,第1张

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的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9522765.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存