`
cavonchen
  • 浏览: 210052 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

用javascript和jsp两种形式拿到页面提交的值

    博客分类:
  • java
阅读更多
.表单:

<form action="" method="post" onsubmit="return check()" name="selectform">
  <input type="radio" name="gender" value="man" checked/>男
  <input type="radio" name="gender" value="woman" />女
  <input type="checkbox" name="animal" value="cat" checked/> cat
  <input type="checkbox" name="animal" value="dog"/> dog
  <input type="checkbox" name="animal" value="elephant"/> elephant
  <input type="checkbox" name="animal" value="lion"/>lion
  <select name="select" id="selected">
    <option value="1">选项一
    <option value="2">选项二
    <option value="3">选项三
    <option value="4" selected>选项四
<input type="hidden" name="hidden" id="hidden" value="100" />
  </select>
  <input type="submit" value="submit"/>
</form>

Jsp方式取得:

<%
String gender = request.getParameter("gender");
out.print(gender);
String[] animal = request.getParameterValues("animal");
for(int i=0;i<animal.length;i++){
  out.print(animal[i]);
}
String select = request.getParameter("select");
out.println(select);
String hidden = request.getParameter("hidden");
out.println(hidden);
%>

JavaScript方式取得:

<script type="text/javascript">
function check(){
var gender = document.getElementsByName("gender");
// var gender = document.selectform.gender;一样能拿到gender这个对象,其实是个数组!
for(i=0;i<gender.length;i++){
  if(gender[i].checked)
  alert(gender[i].value);
}

var animal = document.getElementsByName("animal");
// var gender = document.selectform.animal;
for(i=0;i<animal.length;i++){
  if(animal[i].checked)
  alert(animal[i].value);
}

var select = document.getElementById("selected");//拿到一个对象
// var select = document.selectform.select;
for(i=0;i<select.options.length;i++){
  if(select.options[i].selected)
  alert(select.options[i].value);
}
var selectedOption = document.selectform.select.options[document.selectform.select.selectedIndex];
var selectedOptionValue = selectedCategory.value;


var hidden = document.getElementById("hidden");
//  var hidden = document.selectform.hidden;
alert(hidden.value);


return true;
}
分享到:
评论

相关推荐

    在JSP页面中获取当前日期时间的方法

    在JSP(Java Server Pages)页面中获取当前日期时间是常见的需求,这通常涉及到JavaScript和Java两种编程语言,因为JSP页面可以同时包含HTML、JavaScript以及Java代码。下面我们将详细探讨如何在JSP中实现这一功能。...

    几个关于jsp的小例子,拿出来共享一下

    5. **JSP标签**:JSP支持两种类型的标签,标准动作标签(如`&lt;jsp:include&gt;`、`&lt;jsp:forward&gt;`)和自定义标签(通过TagLib定义)。标准动作标签是JSP的扩展,提供了一种更面向对象的方式来处理页面逻辑。 6. **EL...

    H5移动端上滑加载,带ajax异步请求后台数据,拿来即用

    3. 节流和防抖:使用这两种优化技巧,控制滚动事件的触发频率,防止频繁请求。 4. 错误处理:考虑网络异常、服务器错误等情景,提供友好的错误提示。 五、示例代码 ```javascript // 获取页面容器 const container...

    基于ssm+jsp实现的商城系统.zip

    JSP(Java Server Pages)则是一种用于实现动态网页内容的技术,允许开发者将Java代码嵌入到HTML页面中。 该商城系统的实现,旨在为用户提供一个简洁直观、功能完善的在线购物平台。系统分为前台和后台两部分,前台...

    上传图片到本地

    前端拿到URL后,可以用`&lt;img&gt;`标签加载图片。 - **Base64编码**:另一种方式是服务器将图片数据转换为Base64编码,然后嵌入到HTML的`data:` URL中,直接在前端显示。 5. **错误处理**: - **前端验证**:前端可以...

    java豆瓣登录授权

    4. **使用访问令牌**: 拿到访问令牌后,可以将其存储在服务器上,并在每次调用豆瓣API时将其附带在请求头中。例如,你可以使用访问令牌来发布广播,即在用户的豆瓣账号下发布一条信息。 在提供的文件中,`douban....

    Nginx+Tomcat负载均衡

    tomcatX 在这里表示不同的tomcat,我的两个 tomcat 分别使用 tomcat1和tomcat2;来区分。 这个设置是主要用以tomcat的集群。 如果看不懂可以去看我提供的tomcat我已经改好了。 启动tomcat服务 分别到两个tomcat下,...

    web 版的 银行取号系统 java版 网络版 udp 实现银行取号器,屏幕显

    取号台则负责分配新的服务号码,并可能同时提供打印服务,让顾客拿到实体的号码条。 “顾客条子都有了”指的是系统还考虑到了顾客的需求,不仅提供电子号码,还支持打印出纸质的号码条,这样即使顾客离开服务区域,...

Global site tag (gtag.js) - Google Analytics