`

让select 的下拉框实现return false- 比较两个下拉框的值 一致就回滚

阅读更多
比较两个下拉框的值 一致就回滚

var value1='${status!}';
var value2='${statusNew!}';
function checkState(){
var v1=$("#status").val();
var v2=$("#statusNew").val();


if(v1==v2){
alert("修改前后的状态,不能一致");
$("#status").val(value1);
$("#statusNew").val(value2);
return false;
}
value1=v1;
value2=v2;
return true;
}

状态:<@p.select name="status" id="status" onchange="checkState()"  value="${status!}" list={"1":"注册","0":"未注册","2":"已激活","3":"已开通","4":"待开通","5":"开通失败","6":"待审核"}/>

修改为:<@p.select name="statusNew" id="statusNew" onchange="checkState()"  value="${statusNew!}" list={"1":"注册","0":"未注册","2":"已激活","3":"已开通","4":"待开通","5":"开通失败","6":"待审核"}/>
分享到:
评论

相关推荐

    bootstrap-select 下拉框demo(含多种样式)

    bootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-...

    layui-多选下拉框-xm-select-demo源码

    《layui-多选下拉框-xm-select:前端开发中的高效解决方案》 在现代Web开发中,用户界面的交互性和易用性是至关重要的。layui框架以其轻量级、高效和丰富的组件库,成为了众多开发者青睐的选择。尤其在构建多选...

    搜索功能select下拉框实现自动匹配

    带搜索功能的select下拉框,类似百度google的搜索框,自己匹配,很好用

    select 下拉框可以多选

    当我们需要让用户从一组选项中选择一个或多个项目时,`select`下拉框是常用的选择方式。在某些场景下,我们可能需要使`select`下拉框支持多选,即用户可以同时勾选多个选项。这就是"select下拉框可以多选"这个主题所...

    下拉框模糊查询-combo-select-master

    "下拉框模糊查询-combo-select-master"是一个专门针对下拉框实现模糊查询功能的项目,它旨在优化用户在大量数据中寻找目标选项的体验。 一、下拉框基础 下拉框通常由两部分组成:一个可点击的文本字段和隐藏的选项...

    jQGrid动态填充select下拉框的选项值(动态填充)

    通过以上步骤,我们就能够实现jQGrid中select下拉框的动态填充。这不仅提高了用户体验,还能使数据输入与后台数据保持一致,避免了因静态预设选项而产生的维护难题。在实际项目中,你需要根据具体需求调整代码,如...

    layui多选下拉框样式,整套layui-select-multiple

    Layui是一个强大的前端UI框架,它提供了一系列美观且易于使用的组件,包括我们所讨论的多选下拉框。"layui-select-multiple"就是Layui专门为多选下拉框设计的一整套样式和功能。 首先,我们来看“layui多选下拉框...

    bootstrap select树形下拉框

    要使用Bootstrap Select树形下拉框,首先确保已经引入了Bootstrap和Bootstrap Select的CSS和JavaScript文件。这些文件可以从Bootstrap官网或者CDN获取。同时,可能还需要引入一个专门处理树形结构的库,如jQuery ...

    select下拉框添加搜索功能

    为了提高用户的操作效率,我们常常需要在`select`下拉框中集成搜索功能,让用户能够通过输入关键字快速找到所需选项。这就是"select下拉框添加搜索功能"这个知识点的核心所在。 在`select`下拉框中实现搜索功能,...

    Element-ui中 选择器(select)多选下拉框实现全选功能.zip

    在这个特定的场景中,我们关注的是Element-UI中的选择器组件——`&lt;el-select&gt;`,特别是如何实现多选下拉框的全选功能。在实际应用中,全选功能常用于批量操作,如用户一次性勾选多个选项进行批量删除、导出等操作。 ...

    Javascript 操作select下拉框

    ### JavaScript 操作 Select 下拉框的关键知识点 ...通过上述介绍可以看出,使用 JavaScript 可以灵活地操作 `&lt;select&gt;` 下拉框,从而实现更丰富的交互效果。这对于提高用户体验、增强应用的功能性具有重要意义。

    select下拉框自动显示选项

    select下拉框,按下空格键后让它的选项显示出来,按回车键选中值

    JS下拉框多级联动--出生日期和世界各国

    本文档将详细介绍如何使用JavaScript实现下拉框的多级联动功能,具体应用在两个场景:一是用户选择出生日期(年、月、日);二是用户选择国籍或常驻国家。这两种场景都是实际开发中常见的需求,通过实现这些功能可以...

    如何获取select下拉框的值(option没有及有value属性)

    如何获取select下拉框的值: 1.下拉框的option没有value属性时 代码如下: &lt;select id=”param1″&gt; 学号&lt;/option&gt; 姓名&lt;/option&gt; 年龄&lt;/option&gt; &lt;/seclect&gt; [removed] [removed] = funciton(){ var param = ...

    动态加载select标签下拉框数据

    实现动态加载通常包括以下几个步骤: 1. **创建HTML结构**:首先,我们需要一个基本的HTML `&lt;select&gt;` 标签,可能包含一些初始选项或者一个空的下拉框,用于后续的动态加载。 2. **监听事件**:使用JavaScript...

    写一个可编辑的select下拉框

    ### 可编辑Select下拉框实现方法 #### 一、引言 在现代Web开发中,用户界面(UI)的设计对于提升用户体验至关重要。一个常见的需求是实现一个可编辑的`&lt;select&gt;`下拉框,即允许用户不仅能从下拉列表中选择选项,还...

    bootstrap select 下拉框通过拼音搜索汉字

    在“bootstrap select 下拉框通过拼音搜索汉字”这个实例中,我们关注的重点是如何利用该插件实现通过输入拼音来搜索并筛选汉字的功能,这对于中文环境下的用户体验提升有着显著的作用。 首先,我们要了解Bootstrap...

    select下拉框可编辑输入框

    在网页设计中,"select下拉框可编辑输入框"是一种常见的交互元素,它结合了传统的HTML `&lt;select&gt;` 元素和输入框的功能,让用户在下拉选项中选择的同时,也能自由输入其他值。这样的设计增加了用户体验的灵活性,特别...

    Freemarker通用select下拉框

    本示例关注的是如何在Freemarker(FTL)中创建一个通用的`select`下拉框,以满足各种Web界面中的下拉选择需求。通过单元测试确保其灵活性和可复用性。 首先,理解`select`下拉框在HTML中的基本结构,它由`&lt;select&gt;`...

    jQuery下拉框美化插件Select-or-Die.zip

    Select-or-Die是一款基于jQuery的下拉框美化插件,你不用修改你原来的下拉框,它能够完全无缝的对你原来的下拉框进行美化,它甚至还支持添加前缀、HTML data 属性、键盘循环控制、设置高度、跳转到链接以及回调函数...

Global site tag (gtag.js) - Google Analytics