<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'Jquery006.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<!-- 获得选中的option对象 -->
<script type="text/javascript">
$(document).ready(function() {
$("#s1").change(function() {
var str = "";
//select :selected 注意中间有空格，少了空格就没有效果了
$("select :selected").each(function() {
str += $(this).text() + ',';
});
$("#div1").html('<b>' + str + '</b>');
});
});
</script>
</head>
<body>
<form>
<select id="s1" multiple="multiple">
<option>苏州</option>
<option selected="selected">上海</option>
<option>南京</option>
<option>丹阳</option>
<option>常州</option>
<option>杭州</option>
<option>无锡</option>
</select>
<div id="div1"></div>
</form>
</body>
</html>
分享到：
相关推荐
如下所示： <select id=city> <option value=beijing>北京</option> <option value=shanghai>上海</option> ...如果想要在①获取选中option的值可以有如下方法 $(#city option:selected).val(); //
/** * 模拟select ...* selected 默认选中[等同于option selected] * r-value 值[等同于option value] * @disription 对象(box)自身属性说明 * change(function(){}) 等同于select默认事件change */
2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用属性过滤器 2.28 如何测试某个元素是否可见 第3章 jQuery操作HTML事件 ...
如果你想得到 jQuery对象，可以使用 $(this) 函数。 jQuery 代码: $("img").each(function(){ $(this).toggleClass("example"); }); -----------------------------------------------------------------------...
17. 如何找到一个已经被选中的option元素： 5 18. 如何隐藏一个包含了某个值文本的元素： 5 19. 如果自动滚动到页面中的某区域 6 20. 如何检测各种浏览器： 6 21. 如何替换串中的词 6 22. 如何禁用右键单击上下文...
<option value=”1″>text1</option> <option value=”2″>text2</option> </select> 一：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById(“test”); 2：拿到选中项的索引：...
:checked ：匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option) js： //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象，返回数组 var s=...
* 在容器对象 #thetree 上调用 makeTree(option)来构造菜单对象,再调用 addItem 方法添加菜单项 * * 菜单树对象方法： * * makeTree 方法,构造菜单树对象 * json 参数: * @param fold: boolean 菜单初始...
在使用 JQuery 进行遍历操作时， $(“input”).each(function(i) { …… } 当操作对象的类型为 dropdownlist时：(备注：在firefox下DropDownList的类型为”select-one”) 获得所选中的值： $(this).val();...
注：此时指定的是jquery对象，而不是一个表达式 5.3.2.6 手动调用： $("#siteForm").checkall(); 6 常用字典对照表 6.1 常用值 名称 值 说明 返回结果 0：失败 1：成功 适用于： 1. 客户端json返回值 2. ...