.表单:
<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(Java Server Pages)页面中获取当前日期时间是常见的需求,这通常涉及到JavaScript和Java两种编程语言,因为JSP页面可以同时包含HTML、JavaScript以及Java代码。下面我们将详细探讨如何在JSP中实现这一功能。...
5. **JSP标签**:JSP支持两种类型的标签,标准动作标签(如`<jsp:include>`、`<jsp:forward>`)和自定义标签(通过TagLib定义)。标准动作标签是JSP的扩展,提供了一种更面向对象的方式来处理页面逻辑。 6. **EL...
3. 节流和防抖:使用这两种优化技巧,控制滚动事件的触发频率,防止频繁请求。 4. 错误处理:考虑网络异常、服务器错误等情景,提供友好的错误提示。 五、示例代码 ```javascript // 获取页面容器 const container...
JSP(Java Server Pages)则是一种用于实现动态网页内容的技术,允许开发者将Java代码嵌入到HTML页面中。 该商城系统的实现,旨在为用户提供一个简洁直观、功能完善的在线购物平台。系统分为前台和后台两部分,前台...
前端拿到URL后,可以用`<img>`标签加载图片。 - **Base64编码**:另一种方式是服务器将图片数据转换为Base64编码,然后嵌入到HTML的`data:` URL中,直接在前端显示。 5. **错误处理**: - **前端验证**:前端可以...
4. **使用访问令牌**: 拿到访问令牌后,可以将其存储在服务器上,并在每次调用豆瓣API时将其附带在请求头中。例如,你可以使用访问令牌来发布广播,即在用户的豆瓣账号下发布一条信息。 在提供的文件中,`douban....
tomcatX 在这里表示不同的tomcat,我的两个 tomcat 分别使用 tomcat1和tomcat2;来区分。 这个设置是主要用以tomcat的集群。 如果看不懂可以去看我提供的tomcat我已经改好了。 启动tomcat服务 分别到两个tomcat下,...
取号台则负责分配新的服务号码,并可能同时提供打印服务,让顾客拿到实体的号码条。 “顾客条子都有了”指的是系统还考虑到了顾客的需求,不仅提供电子号码,还支持打印出纸质的号码条,这样即使顾客离开服务区域,...