<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>select.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery/jquery-1.4.2.js"></script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
$(function(){
for(var i=0;i<20;i++)
{
$("#select").append("<option type='类型"+i+"' value='变量"+i+"'>显示"+i+"</option>");
}
});
function showMessage(){
alert($("#select option:selected").text());
}
function showType(){
alert($("#select option:selected").attr("type"));
}
function showValue(){
alert($("#select option:selected").val());
}
</script>
</head>
<body>
<select id="select"></select><br/>
<button onclick = "showMessage()">获取显示信息</button></br/>
<button onclick = "showType()">获取类型信息</button></br/>
<button onclick = "showValue()">获取变量信息</button></br/>
</body>
</html>
分享到：
相关推荐
`SelectMenu.js` 提供了一些可选参数和方法，用于自定义行为和获取用户选择。例如，可以设置默认选中项，禁用特定选项，或者监听选中事件： ```javascript // 设置默认选中项 $('select').selectmenu({selected: 2}...
首先，获取select元素选中的文本（text）可以使用以下方式： ```javascript $("#ddlregtype").find("option:selected").text(); ``` 这段代码的意思是，通过jQuery的`find()`方法来查找id为`ddlregtype`的select...
本文将详细解析如何使用jQuery获取表单元素的各种值，包括文本框（TEXT）、文本区域（AREA TEXT）、复选框（CHECKBOX）、单选按钮（RADIO）、下拉列表（SELECT）以及表格（TABLE）中的数据。 ### 文本框（TEXT） ...
回调函数中的data参数包含了从服务器返回的数据，可以用来更新DOM元素，例如遍历data数组，并创建新的option元素填充到select中。 知识点四：创建新的DOM元素 在回调函数中，使用$("<option/>").text(item.name)....
- 初始化插件：在DOM加载完成后，通过jQuery选择器找到`<select>`元素，然后调用`.bootstrapDualListbox()`方法对其进行初始化。 示例代码： ```html <select multiple class="select duel"> ...
IE8下Jquery获取select选中的值post到后台报错的问题，主要原因是IE8浏览器在使用jquery获取select元素选中的值时，将其错误地识别为了数组。在非IE8浏览器中，比如Firefox、Chrome等，使用jquery获取select元素的...
本文将详细讲解如何使用jQuery来操作checkbox，并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中，我们可以使用不同的选择器来选取页面上的checkbox元素。...
6. **Ajax交互**: 如果插件有动态加载选项或者实时更新功能，可能会使用jQuery的Ajax方法如`$.ajax()`, `$.getJSON()`, `$.get()`, `$.post()`来异步获取数据。 7. **CSS样式**: 为了改变默认样式，插件通常会引入...
《jQuery Select插件：打造统一美观的下拉选择体验》 在网页开发中，下拉选择框（Select）是常用的一种交互元素，用于提供多个选项供用户选择。然而，原生的HTML `<select>` 元素在不同浏览器下的表现可能不尽相同...
1. 使用须知.txt：这应该是插件的使用指南，详细说明了如何将插件集成到项目中，包括引入jQuery库、引入插件文件、设置参数以及调用插件方法等内容。为了正确使用插件，你需要按照文本中的步骤进行操作，确保所有...
**jQuery DataTables 后台获取数据详解** jQuery DataTables 是一款功能强大的JavaScript库，用于将HTML表格转换为具有高级功能的数据展示工具，如分页、排序、搜索等。结合Struts、Spring和Ibatis框架，我们可以...
在JQuery中传递参数到事件处理函数有多种方法，最常用的是将参数作为对象传递，并在事件处理函数内部通过事件对象（event）获取这些参数。下面详细阐述两种常见的实现方式：一为直接在事件处理函数内部使用局部变量...
在本文中，我们将深入探讨如何使用jQuery来操作`select`插件，包括获取和设置选中项、添加和删除选项以及检查选项是否存在。 1. **获取选中项的文本** 使用`getSelectedText`函数可以获取当前`<select>`元素中选中...
整体而言，本节内容演示了如何使用JQuery处理select下拉列表的变更事件，并在用户选择下拉选项时弹出相应的值，以及如何利用获取的这些值进行页面跳转和参数传递。这是一个非常实用的Web开发技巧，可以广泛应用于...
在二级联动菜单的场景中，jQuery可以帮助我们更高效地处理用户与<select>元素的交互，如改变第一级菜单时，无需整个页面刷新，仅更新第二级菜单的内容。 接下来，AJAX（Asynchronous JavaScript and XML）是构建...
下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**： - 对于`<input type="text">`和`<textarea>`，可以使用`.attr()...
这里，`$`是jQuery的别名，它接受一个CSS选择器作为参数，返回匹配该选择器的元素集合。在这个例子中，`'#mySelect'`是一个ID选择器，所以`$`函数返回了ID为"mySelect"的元素。 接下来，我们可以使用jQuery提供的...
本文将深入探讨“jQuery Select 下拉单选框模拟插件”，这是一个旨在改进下拉选择框用户体验的工具。 传统的HTML `<select>`元素在功能上可能显得单一且不够用户友好。为了提供更丰富的交互性和视觉效果，开发人员...
### jQuery Dialog插件参数详解 在前端开发领域，jQuery因其简单、灵活且强大的特性而备受开发者青睐。其中，`jQuery.dialog`插件更是为创建弹出对话框提供了丰富的功能和高度的自定义选项，极大地提升了网页的交互...