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 的前三个字符应该怎么写 等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)