<%@ 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>
分享到：
相关推荐
通过直接访问DOM对象，可以设置下拉列表的默认选中项。 3. **使用`.val()`方法**： ```javascript var selectedValue = $('#sel').val(); ``` `.val()`方法也可以用于获取下拉列表的选中值，这是最常用的获取...
以下是一些关于如何使用jQuery获取和设置`select`、`option`、`radio`、`checkbox`以及文本输入（`input[type=text]`）等元素的值的关键知识点： 1. **获取选中的`select`值**： ```javascript var item = $(...
optionTree插件还支持多种配置项，如异步加载数据、设置默认值、添加回调函数等，这些都可以通过配置对象进行设置。同时，它提供了丰富的API，如`refresh`方法用于刷新下拉框，`selectNode`方法用于选中特定节点，...
这将返回`<select>`元素中选中`option`的`value`属性。 2. **获取Select标签的text值**： 若要获取`Select`标签中当前选中选项的文本内容，可以使用`$("select").find("option:selected").text()`。例如： ```...
jQuery作为一种轻量级、功能强大的JavaScript库，提供了丰富的API来简化对DOM的操作，使得获取或设置`<select>`元素及其子`<option>`元素的属性变得十分简便。本文将详细介绍如何利用jQuery来操作下拉框。 #### ...
在JavaScript中，可以通过多种方法获取选中option的文本，最常见的是使用原生JavaScript以及jQuery库。 ### 使用原生JavaScript获取选中的option文本 使用原生JavaScript获取select元素中选中option的文本内容非常...
4. **配置参数**：根据需求，可以传递配置对象来定制插件的行为。 ```javascript $(document).ready(function() { $('#mySelect').searchableSelect({ placeholder: '请输入搜索关键词', multiple: true }); ...
当数据加载完成后，你可以调用上面的JavaScript或jQuery方法来更新`<select>`的默认选中项。 6. Java Web开发和框架 在Java Web开发中，例如Spring MVC框架，你可以通过模型绑定将后端数据传递给前端，前端...
要创建一个jQuery插件，我们首先需要定义一个函数，并使用$.fn.extend()来扩展jQuery的原型，这样就可以在任何jQuery对象上调用我们的新方法。例如，我们可以创建一个名为"selectOption"的插件： ```javascript $....
jQuery UI Multiselect 允许通过配置对象来定制其行为，例如： - `noneSelectedText`：未选中任何选项时的提示文本。 - `selectedTextFormat`：控制如何显示已选中的选项，可以是“count”（显示数量）、"static"...
如下所示： <select id=city> <option value=beijing>北京</option> <option value=shanghai>上海</option> ...如果想要在①获取选中option的值可以有如下方法 $(#city option:selected).val(); //
在AngularJS框架中，`angular.element`是一个非常有用的工具，它允许开发者将DOM元素转换为jQuery对象，从而利用jQuery丰富的API来操作DOM。这在处理复杂的DOM操作或需要与jQuery库进行集成时特别有用。本篇文章将...
- 提供API方法，如`val()`用于获取或设置当前选中的值，`disable()`和`enable()`用于禁用和启用组件。 5. **无障碍访问** - 遵循Web标准，支持无障碍访问，如屏幕阅读器。 ### 三、使用步骤 1. **引入依赖** -...
3. 逻辑处理：在`change`事件的回调函数中，获取当前选中的值，并根据预设的联动规则更新其他`select`元素的选项。这可能涉及清除某些选项或禁用/启用特定选项。 三、代码示例 以下是一个简单的jQuery实现，展示了...
在实际开发中，使用`.val()`方法时，应确保选中的元素具有value属性，或者我们可以通过其他属性来存储需要的数据，比如使用data-*自定义属性。例如： ```html 你好"> <li data-value="hello"></li> ...
**jQuery UI Combobox扩展**是基于流行的JavaScript库jQuery和其UI框架jQuery UI的一个自定义组件。这个扩展将传统的HTML `<select>` 元素转化为一个功能更丰富、交互性更强的下拉框，提供了更好的用户体验。它结合...
使用jquery获取select元素中选中的option的value和text的代码示例如下： ```javascript $("#mySelect").val();//获取选中记录的value值 $("#mySelect option:selected").text();//获取选中记录的text值 ``` 知识点二...
类似地，我们可以在选中option元素上调用.text()方法来获取其显示的文本内容。示例中的$("#selectionoption:selected").text()就是选取id为selection的select元素中被选中的option元素，并获取其文本内容。 以上三...
在网页开发中，jQuery是一种广泛使用的JavaScript库，它极大地简化了JavaScript代码的编写，使得复杂的交互和动画效果变得更为容易实现。"jquery竖向下拉select选择样式表"这个主题是关于利用jQuery来改进HTML中标准...