jsp和js两种方式取到表单数据

<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;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值