class=hidden怎么触发onchange

class=hidden怎么触发onchange,第1张

class=hidden触发onchange的方法:在更改此隐藏域的时候,调用下它的onchange方法,使用jquery的话, 就直接加上 $("#hiddenid")change();

实现页面只有一个表单 id 为form,有若干input,编辑器

$(document)ready(function() { //监听表单input元素的值变化

$(":input")change(function (){ $('#form')data('changed',true); }); //如果使用到编辑器,请调用编辑器中的监听方法

//我在项目中在一个textarea中绑定了百度的编辑器

//这里的处理是,认为只要在编辑器中有键盘 *** 作就有更新,此做法不够精确

editoraddListener('keyup',function(){ $('#form')data('changed',true); }); }); //提交前做判断

if(!$('#form')data('changed')) { alert('公告无更新,无需保存'); return false; } //成功提交处理后重置修改标识 $('#form')data('changed',false);

在使用过程中,最重要的步骤是处理隐藏域和编辑器

最近收到一份需求,需求中有一个小功能点类似有好多种水果,选择其中一个水果就在其下方位置显示这个水果的说明。

需求要求所有水果都是单选,但这个页面主要是在手机上显示的,那水果一多岂不是滑到底都要滑半天?于是我寻思着把单选水果改成下拉选项,这样水果再多也就占页面一点点位置。

说干就干,先写个html:

然后让下面detail的值先隐藏。

这个时候页面样子是这样的:

接下来就要开始写js了,js这块我比较弱,我的想法呢就是先拿到前面那个select下面option的index,然后根据index的值显示对应的li。

但是怎么拿到呢?我本来想找找有没有JQuery的方法可以获取到option的index的,但是翻查了半天的资料和别人的解决方案,不是看不懂就是设置了不生效正在我灰心的时候,我在菜鸟教程上看到了解决方案,原来一句话就可以了:

那么怎么在每次下拉的时候都输出对应的index呢,这里我们就要设置一个onchange事件了。当下拉框发现变化的时候,输出对应的index,然后再将index关联到后面的li上面,就可以做到选中一个水果,显示对应的说明啦:

最后的效果图就是下面这样:

<asp:DropDownList ID="ddlSelect" runat="server" DataTextField="Desc" DataValueField="ID" Width="100%"/>

ddlSelectAttributesAdd("onchange", "onclick_select(this)");

在页面加上JS脚本

function onclick_select(obj)

{

alert( $(obj)text());//jqery()

alert(obj InnerHtml或者objInnerText不想TEST CODE,看他们tEXT多少); //普通的

}

或者thisoptions[thisselectedIndex]InnerHtml看下。

以上就是关于class=hidden怎么触发onchange全部的内容,包括:class=hidden怎么触发onchange、select的onchange事件、C# DropDownList 下拉框 onchange 事件中,获取字符串Desc 的前三个字符应该怎么写 等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9463790.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存