0 0

jquery下拉框onchange问题0

    各位大牛好,请问下jquery有没有在下拉框的值改变前捕获的事件?因为我要在下拉框值改变前做出提示“确定改变或取消”,如果取消,则下拉框的值不进行改变。这样的需求请教大牛有没有好的解决办法?我现在能想到的就是先存取变化前的值,然后点击取消,再将值重新设置到下拉框上面。
2012年11月08日 18:56

2个答案 按时间排序 按投票排序

0 0

采纳的答案

绑定 select > li 的 click 事件.
事件方法返回 false 则阻止选择, 返回true | 空 return, 执行选择

$('select>li').click(function() {
    if(条件成立)  {
        // 阻止select值改变
        return false;
    }
});

2012年11月12日 16:09
0 0

用HTML DOM confirm() 方法



<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("Press a button!");
if (r==true)
  {
  alert("You pressed OK!");
  }
else
  {
  alert("You pressed Cancel!");
  }
}
</script>
</head>
<body>

<input type="button" onclick="show_confirm()" value="Show a confirm box" />

</body>
</html>

2012年11月09日 09:39

相关推荐

    jQuery下拉框美化插件DropKick

    jQuery下拉框美化插件DropKick是一款专门针对HTML原生下拉选择框(`&lt;select&gt;`元素)进行美化和功能增强的工具。它利用jQuery库的灵活性和强大的DOM操作能力,为开发者提供了一种简单易用的方式来提升网页交互体验,...

    用jquery实现下拉框美化

    本篇文章将围绕标题“用jQuery实现下拉框美化”展开,详细介绍如何使用jQuery 1.3版本以及相关插件来改进下拉框的外观和交互效果。 首先,`jQuery 1.3`是一个成熟的版本,它具有良好的浏览器兼容性和高效的DOM操作...

    jQuery下拉框菜单选中插件

    jQuery下拉框菜单选中插件正是为了解决这一问题而诞生的,它能够将传统的下拉框进行美化,提升用户体验,使其更加符合现代网页的视觉风格。本文将深入探讨该插件的工作原理、核心功能以及如何在实际项目中应用。 ...

    jQuery下拉框菜单多选插件特效代码

    在本文中,我们将深入探讨jQuery下拉框菜单多选插件的实现原理和应用,以及如何利用此类插件提升用户体验。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得创建交互式网页变得更加容易...

    jQuery无限层级下拉框

    【jQuery无限层级下拉框】是一种交互式的网页元素,它允许用户从一系列级联的下拉菜单中选择值,这些菜单可以无限扩展,通常用于表示层次结构的数据,例如地区、组织结构或产品分类。实现这一功能的核心是利用jQuery...

    jQuery-searchableSelect下拉框搜索插件

    为了解决这个问题,`jQuery-searchableSelect` 插件应运而生,它是一个强大的下拉框搜索美化工具,可以显著提升用户体验。 **插件功能** 1. **实时搜索**:`jQuery-searchableSelect` 提供了在下拉框内输入关键字...

    jQuery select下拉框菜单选中插件.zip

    为了解决这个问题,开发者通常会借助JavaScript库,特别是jQuery,来实现更加丰富和动态的下拉菜单功能。本文将详细介绍一个基于jQuery的select下拉框菜单选中插件,旨在帮助你提升用户体验并增强表单的可操作性。 ...

    jQuery Selectric下拉框菜单.zip

    **jQuery Selectric下拉框菜单** 是一个JavaScript插件,专为改善网页中传统HTML下拉选择框的用户体验而设计。这个插件以其丰富的功能和高度的可定制性,广泛应用于网页界面的交互设计中。以下将详细介绍jQuery ...

    jQuery多选和单选下拉框插件.zip

    这个“jQuery多选和单选下拉框插件”是为了解决传统HTML下拉框(`&lt;select&gt;`元素)功能单一的问题,提供更丰富的用户交互体验。在网页设计中,下拉框常用于用户输入数据的选择,尤其是当选项数量较多时,能有效节省...

    基于jQuery的select下拉框选择触发事件实例分析

    本文将详细介绍如何使用jQuery为select元素的下拉选择操作实现触发事件,并结合实例分析如何解决不同浏览器的兼容性问题以及如何传递参数。 首先,需要明确的是,在传统的HTML中,select元素的选项通常使用onclick...

    JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

    在本节内容中,我们将详细介绍如何使用JQuery来绑定一个下拉列表(select标签)的onchange事件。当用户从下拉列表中选择一个选项时,会触发此事件,从而弹出所选的值,并且页面会根据指定的参数进行跳转。在这个过程...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...

    jQuery-searchableSelect带搜索功能的下拉选

    1. **js加载后select未刷新**:当使用jQuery-searchableSelect插件后,如果发现下拉框没有更新,可能是由于jQuery库未正确加载,或者插件的初始化代码执行时机不恰当。确保jQuery库在插件代码之前加载,并在DOM元素...

    Jquery多选下拉列表插件jquery multiselect

    jQuery Multiselect是由Luis Almeida开发的一个开源插件,它基于jQuery库,可以将传统的多选`&lt;select&gt;`元素转换为一个可定制、交互性强的多选下拉框。通过这个插件,你可以轻松地实现分组、搜索、排序等高级功能,...

    jQuery Selectric下拉框菜单

    以上就是jQuery Selectric下拉框菜单的主要功能介绍,它为开发者提供了丰富的定制选项,能够满足不同场景下的需求,极大地提升了用户在网页上的交互体验。在实际应用中,可以根据项目需求进行相应的配置和扩展。

    jQuery实现select下拉框菜单选中插件.zip

    针对“jQuery实现select下拉框菜单选中插件.zip”这个主题,我们可以深入探讨如何利用jQuery来创建功能丰富的下拉选择框,并实现特定选项的自动选中功能。 首先,`&lt;select&gt;`元素在HTML中用于创建下拉菜单,通常包含...

    js触发onchange事件的方法说明

    js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件。但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的。 那么,如何...

    JQuery打造省市下拉框联动效果

    在这个案例中,JQuery用于监听下拉框(select)的`onchange`事件,并根据用户的选择动态更新下一个下拉框的内容。 在给出的JSP页面代码中,我们看到一个ID为`provinceCode`的下拉框,其中包含了省份的选项。每个...

    AJAX二级下拉框联动

    9. **浏览器兼容性**:考虑到不同浏览器对AJAX的支持程度,可能需要引入jQuery或其他库来简化跨浏览器的兼容性问题。 在提供的文件"AJAX二级下拉框联动 - justshare - JavaEye技术网站.htm"中,可能包含了具体的...

    下拉框多选select多选

    在网页设计和开发中,"下拉框多选select多选"是一个常见的功能,它允许用户在下拉菜单中选择多个选项,而不仅仅是一个。在HTML中,`&lt;select&gt;`元素通常用于创建这样的下拉菜单,但默认情况下,`&lt;select&gt;`只支持单选。...

Global site tag (gtag.js) - Google Analytics