js 中的onselect 与jQuery中的select 事件的用法 - 世范水晶 - ITeye博客

`

jackroomage

浏览: 1222561 次
性别:
来自: 北京

最近访客更多访客>>

SzBenQ6917

sh1818

bruce_ma

sjhjane

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

hustkeai：第一个方法是不对的
求一个Map中最大的value值,同时列出键,值
qq591920734：
java List 排序 Collections.sort() 对 List 排序(首先年龄排序，如果年龄相同，则按名字排序)
qq591920734： [color=orange][/color]包女包女不女
java List 排序 Collections.sort() 对 List 排序(首先年龄排序，如果年龄相同，则按名字排序)
timer_yin： seagrave 写道这个算法想法不错，但太耗时，我用1、2、 ...
用1、2、2、3、4、5这六个数字，数字排序经典算法
hellostory：日常生活中，我们都不按你上面的那个方法算的！！！
JAVA小函数-计算日期差

js 中的onselect 与jQuery中的select 事件的用法

博客分类：

javaScript
jQuery

阅读更多

1、 jQuery 的用法如下：

<!DOCTYPE html>
<html>
<head>
<style>
p { color:blue; }
div { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<p>

    Click and drag the mouse to select text in the inputs.
</p>
<input type="text" value="Some text" />
<input type="text" value="to test on" />

<div></div>
<script>
    $("input").select( function () {
      alert($(this).val());
    });
</script>

</body>
</html>

2、javaScript 的用法如下：

<!DOCTYPE html>
<html>
<head>

</head>

<script>
function myOnSelect(c)
{
alert(c.value);
}
</script>

<body>
<p>

Click and drag the mouse to select text in the inputs.
</p>
<input type="text" value="Some text" onselect="myOnSelect(this);"/>
<input type="text" value="to test on" onselect="myOnSelect(this);"/>

</body>
</html>

分享到：

亿万富豪给应届毕业生的19条忠告 | jQuery.param(); 的用法

2012-05-03 15:12
浏览 3283
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

可编辑的select下拉框: 1. `dist/`目录：包含编译后的CSS（`editable-select.css`）和JavaScript（`editable-select.js`）文件，这是在页面中直接使用的版本。 2. `src/`目录：源代码，如果你需要定制或者扩展插件，可以在这里进行修改。 3...

jQueryMultipleSelect实现下拉框多选: 在使用jQuery Multiple Select插件时，首先需要在页面中引入jQuery库和插件的JS及CSS文件。然后，你可以通过以下方式初始化插件： ```html <select id="mySelect" multiple> <option value="1">Option 1 ...

jquery searchableselect用法: 以上是 `jQuery SearchableSelect` 插件的基本使用方法和一些高级特性。通过这个插件，你可以轻松地为你的项目添加功能强大的、可搜索的下拉选择框，提升用户交互体验。在实际开发中，可以根据项目的具体需求进行...

JQuery插件searchSelect: 4. **初始化插件**：在文档加载完毕后，对需要应用插件的`<select>`元素使用jQuery选择器并调用`searchSelect`方法。 ```html <script src="path/to/jquery.js"> <script src="path/to/searchSelect.min.js"> $...

select下拉框插件jquery.editable-select详解: 这篇文章将深入探讨这个插件的特性和使用方法。 ### 插件安装与引入首先，你需要通过 npm 安装 `jquery-editable-select`。在命令行中执行以下命令： ```bash npm install jquery-editable-select ``` 或者，...

jquery.multiselect.js多选下拉框选择代码: 三、使用方法 1. **引入依赖**：首先确保页面中已经引入了jQuery库，然后引入jQuery.multiselect.js和对应的CSS文件。 2. **初始化插件**：对需要增强的`<select>`元素应用`multiselect`方法，例如： ```...

jquery-editable-select插件: 要使用jQuery Editable Select，首先需要确保项目中已经引入了jQuery库。然后，可以通过以下步骤将其引入到项目中： 1. 下载或通过npm安装：`npm install jquery-editable-select` 或者从GitHub仓库下载`jquery-...

jquery.combotree 多选下拉树: 3. **初始化Combotree**：使用jQuery选择器找到`<select>`元素，并调用`.combotree()`方法进行初始化。传递必要的配置参数，例如树的数据源、多选设置等。 ```javascript $("#combotree").combotree({ data: { /* ...

jquert_select 插件（仿select的JQuery插件）: `jQuery_select`插件是一种基于JavaScript库jQuery设计的模拟原生HTML`<select>`下拉框功能的组件。它提供了一种更为灵活、可定制化的界面样式和交互体验，广泛应用于网页开发中，以增强用户体验并提升网站界面的...

jQuery Select 下拉单选框模拟插件 V1.3.6.2.zip: 三、使用方法与示例在引入jQuery库后，可以通过以下步骤引入并使用jQuery Select插件： 1. 引入插件的CSS和JS文件。 2. 在HTML中创建Select元素。 3. 使用jQuery选择器选中Select元素，并调用插件方法进行初始化...

jqueryui中插件Datepicker控件的使用: ### jQuery UI 中 Datepicker 控件使用详解 #### 一、简介与基本使用 **Datepicker** 是 jQuery UI 提供的一个非常实用的日期选择插件，它可以帮助开发者轻松地在网页上添加日期选择功能。要使用 Datepicker，首先...

bootstrap可编辑下拉框jquery.editable-select: 在给定的示例中，引用了`jquery.editable-select.min.js`和`jquery.editable-select.min.css`，这些文件应放置在你的项目资源目录中。CSS文件负责样式，JS文件则包含组件的核心功能。 HTML部分中，一个基本的可编辑...

jQuery带搜索框的select下拉框美化插件: 3. **初始化插件**：在页面加载完成后，通过jQuery的选择器找到需要增强的select元素，并调用searchableSelect方法进行初始化。 ```javascript $(document).ready(function() { $('#your_select_id')....

jQuery select下拉框菜单选中插件.zip: 在实际应用中，你需要将这些文件引入到你的项目中，然后通过jQuery选择器找到对应的select元素，调用插件的方法进行初始化。例如： ```javascript $(document).ready(function() { $('select').selectPlugin({ //...

jquery日期插件及用法: **jQuery 日期插件及其用法详解** 在Web开发中，日期选择器是一个常见的功能，它使得用户能够方便地输入或选择日期。jQuery Datepicker 是一个流行的选择，它提供了丰富的功能和灵活的自定义选项。这个插件尤其适合...

editable select: 在实际应用中，要使用这个插件，你需要将`jquery.js`和`jquery.editable-select.js`（以及可能的CSS文件）引入到HTML页面中，然后通过jQuery选择器选取需要变为可编辑的下拉列表，并调用`.editableSelect()`方法。...

jquerycasecader一个jquery级联下拉组件: - **引入依赖**：首先确保页面中已经引入了jQuery库，然后引入`jquery-casecader`的JS和CSS文件。 - **HTML结构**：创建基本的HTML结构，通常是`<select>`元素，每个`<option>`代表一个层级的选项。 - **初始化...

jQuery EasyUI 1.3.6 离线简体中文API文档CHM: 7. **兼容性和注意事项**：文档会提到jQuery EasyUI与不同浏览器的兼容性，以及在使用过程中需要注意的问题和常见问题的解决方案。通过这个CHM文档，开发者不仅可以学习到jQuery EasyUI的各种功能，还能掌握如何将...

jQuery UI Datepicker - Select a Date Rang: jQuery UI Datepicker 提供了丰富的选项和方法来满足这些需求，使其成为开发者实现日期选择功能的有力工具。通过灵活的配置和强大的功能，jQuery UI Datepicker 能够帮助你的中文网站提供更加便捷、友好的日期选择...

jQuery-datepicker: jQuery-datepicker是jQuery UI库中的一个核心组件，因此在使用时通常需要引入jQuery UI的相关CSS和JS文件。 **使用步骤**： 1. **引入依赖**：首先，在HTML文档中引入jQuery库和jQuery UI库，确保它们按照正确的...

Global site tag (gtag.js) - Google Analytics