在a标签怎么写隐藏域

1.js如何实现A 标签 点击 隐藏一个 或者多个DIV 不需跳转页面 或者其他

这个一般是用在列表就是模板有循环输出的,如果知道是固定的就没多大意思了,我这边给你部分代码,主要给你思路

//美食分类

<!--{foreach from = $list_cates item=list}-->

<div class="filtersingle"><label style="color:#0033FF" onClick="toggle({$list.cate_id})">{$list.cate_name}</label></div>

<!--{/foreach}-->

<div class="filtersingle"><label style="color:#0033FF" onClick="toggle(0)">;所有美食</label></div>

//这是模板美食列表注意DIV的ID

<!--{foreach from=$goods_list item=good_list key=key}-->

<div id="tab{$key}">; 列表内容。.</div>

<!--{/foreach}-->

//一个隐藏域

<input type="hidden" id="cate_id_str" value="{$cate_id_str}">

说明 :这个{$cate_id_str}是那些{$key}的值(同时也和上面的这个{$list.cate_id}的相等,就是分类的id,这个美食列表的键值就是对应的分类id的值)的字符串(用逗号隔开,可以在后台处理好)

好了,js代码

<script type="text/javascript">

function toggle(num){

var str = $('#cate_id_str').val();//得到那个ID的字符串

var str_array = new Array();

str_array = str.split(','); //分割成数组

for(var i=0;i < str_array.length;i++){

if(str_array[i]!='' && str_array[i]!=null){

//这个是显示所有分类下的美食列表

if(num==0){

var id='#tab'+str_array[i];//获取对应的DIV的id(就是tab1,tab2等等)

$(id).show();

}else{

if(str_array[i] !=num){

var id='#tab'+str_array[i];//非当前点击的美食分类

$(id).hide();//隐藏对应的美食列表

var id='#tab'+num;//点击当前的美食分类

$(id).show();//显示对应的美食列表

}

}

}

}

}

</script>

好了,应该能看明白了吧

在a标签怎么写隐藏域

转载请注明出处育才学习网 » 在a标签怎么写隐藏域

知识

思雨英文名怎么写

阅读(340)

本文主要为您介绍思雨英文名怎么写,内容包括思雨的英文名,思雨这个中文名字翻译成英语有什么比较经典的译法吗请给一到二,我的名字思雨英文名帮我取个好听又好记的。楼主,我查了查,发现有以下两个名字发音和中文接近,其中shirley是比较经典的

知识

合同附加条款怎么写

阅读(178)

本文主要为您介绍合同附加条款怎么写,内容包括合同附加协议怎么写,正规的附加合同书写格式,劳动合同附加条款。一般来说,合同的附加协议是对原合同未尽事宜或者合同履行过程中新发生的情况而另外进行的补充或者变更。在增加附加协议条款的时

知识

mo地(四声)怎么写

阅读(1093)

本文主要为您介绍mo地(四声)怎么写,内容包括mo第四声qi第四声,怎么写,mo如这个mo是第四声,应该是什么字,磨字的多音字mo第四声怎么组词。[mò][qì]“看拼音写汉字”是小学语文试卷中的一个重要组成部分,但word并没有直接提供拼音的输入。那

知识

又在田字格中怎么写

阅读(218)

本文主要为您介绍又在田字格中怎么写,内容包括又在田字格怎么写,中国的“中”田字格写法,又在田字格怎么写。中国的“中”田字格写法如下:

知识

怎么写招聘销售业务员

阅读(203)

本文主要为您介绍怎么写招聘销售业务员,内容包括招聘销售员词怎么写,招聘销售人员启事怎么写,怎么写招聘销售业务员。原发布者:lxl1990821深圳市***传媒有限公司招聘信息企业简介:招聘岗位:销售岗位(地产行业部门负责人1人,销售人员3人)招聘要

知识

party的复数怎么写

阅读(211)

本文主要为您介绍party的复数怎么写,内容包括party复数怎么写,party复数怎么写,写出party和birthday的复数形式。派对的英语单词是party。词汇分析音标:英 [pɑːtɪ] 美 [pɑrti] 释义:. 政党,党派;聚会,派对;当事人 [复数 pa

知识

大写的风怎么写

阅读(215)

本文主要为您介绍大写的风怎么写,内容包括风字的大写是,大写的风怎么写,风字的大写是什么。“风”的大写(繁体字)为“风”。“风”为多音字,有以下一些释义:风 [fèng] 〈动〉吹拂 。如:春风风人 比喻感化 [reform

知识

阴阳师怎么写名字

阅读(185)

本文主要为您介绍阴阳师怎么写名字,内容包括阴阳师里怎么给自己的式神起名字,阴阳师怎么给式神上边加名字,求详细过程,求阴阳师好听的式神名字,你知道的都可以。其实式神改名这个功能操作起来是非常方面的,玩家只要进入式神录这个面板,首先在

知识

QC个人总结怎么写

阅读(212)

本文主要为您介绍QC个人总结怎么写,内容包括qc工作总结怎么写,qc年终工作总结范文,QC工作总结怎么写啊。原发布者:微力图表篇一:qc主管年终总结报告 08年度工作总结及09年度工作计划 尊敬的各位领导,你们好! 时光飞逝,不知不觉间到公司已

知识

耕地四至怎么写

阅读(253)

本文主要为您介绍耕地四至怎么写,内容包括农村土地四至界限说明怎么写,土地法有关四至的规定,用地四至什么意思。第四条国家实行土地用途管制制度。国家编制土地利用总体规划,规定土地用途,将土地分为农用地、建设用地和未利用地。严格限制农

知识

霁字草书怎么写

阅读(192)

本文主要为您介绍霁字草书怎么写,内容包括徐字草书怎么写李草书怎写霁字草书怎么写快快回复字体图样快快不,“霁”和“印”字的小篆字体怎么写,虹字用潦草字怎么写。虹字的潦草字体如上图所示。虹:hóng。1.形声。从虫,工声。甲骨文“虹”与

知识

考研的动机怎么写

阅读(473)

本文主要为您介绍考研的动机怎么写,内容包括为什么要考研——考研动机分析,考研目的怎么写,为什么要考研——考研动机分析。大量数据显示,历年的考研人数在不断增长,动机各有不同,根据不同的考研动机把最容易中途放弃的学生分为六大派: 盲目考

知识

qq全称怎么写

阅读(226)

本文主要为您介绍qq全称怎么写,内容包括“QQ”的全称是什么怎么写,腾迅QQ中的QQ是什么意思它是一个英文缩写吗那全称是怎么写的,QQ是什么英文的缩写还有是先有英语字母还是先有汉语拼音。QQ的全程是QICQ。不知道LZ知不知道ICQ这个聊天工具

知识

图字草体字怎么写

阅读(274)

本文主要为您介绍图字草体字怎么写,内容包括草书“曹”字怎么写要图,潦草字(徐雄仙)怎么写,“显”字的草体字怎么写。草书“曹”字的写法如下:

知识

a标签点击不跳转怎么写

阅读(179)

本文主要为您介绍a标签点击不跳转怎么写,内容包括为什么用a标签制作的按钮不能跳转,a标签如何不跳转,html怎么只能点击a标签跳转不能点击。js页面跳转a标签和input标签的转换工具/原料Dreamweaver 8方法/步骤1.通常页面间的链接都是 html

知识

tag标签怎么写

阅读(192)

本文主要为您介绍tag标签怎么写,内容包括网站tag标签怎么写怎么使用,tag标签怎么写,tag标签要怎么写。随着WEB2.0时代的到来,网站中海量的信息需要归类,需要重新编整,而传统的导航无法完全表达这种分类的时候,Tag标签也随着广泛被应用开

知识

隐藏拼音怎么写

阅读(181)

本文主要为您介绍隐藏拼音怎么写,内容包括如何在WPS文字中隐藏文字和添加拼音,请问“匿”字的拼音怎么写,如何隐藏输入法出来的那个框框。隐藏文字 在作业与测试中,经常需要学生们填空,有时没有标准答案,可以随意填写,批改作业与试卷时也可以灵

知识

超链接标签怎么写

阅读(245)

本文主要为您介绍超链接标签怎么写,内容包括html超链接的写法,HTML超链接怎么写,超链接的html语言怎么写。html超链接的写法是使用a标签,如:<a href="//www.baidu.com"&gt;百度一下,你就知道</a>。在html中

知识

亲友群的群标签怎么写

阅读(170)

本文主要为您介绍亲友群的群标签怎么写,内容包括我的群是老乡群这个群标签怎么写,我想见一个家族的群,群标签要怎么写,我的群是同学群,群标签怎么写。群标签:就是你QQ面板上面“QQ好友”“通讯录”“QQ群”“最近联系人”里面的“QQ群”选项

知识

写的字怎么隐藏

阅读(171)

本文主要为您介绍写的字怎么隐藏,内容包括怎么做秘密字迹就是可以隐藏字迹,字迹要通过某种特定方式才能看,怎么去掉黑色签字笔写的字,如何设置word文档中文字的隐藏。用橡皮擦可以去除;其次用胶带去除;如果还是不行可以试试壁纸刀片背轻轻刮

知识

义卖标签怎么写

阅读(205)

本文主要为您介绍义卖标签怎么写,内容包括标签怎么写呢,义卖作文怎么写,义卖的广告词怎么写。天空,像海一样湛蓝,一朵朵云彩排成了巨大的笑脸,仿佛在迎接令人激动的义卖活动。等啊,盼啊,终于等到了爱心义卖的到来!我们来到了操场。主持

知识

淘宝促销标签怎么写

阅读(173)

本文主要为您介绍淘宝促销标签怎么写,内容包括淘宝促销标签怎么去设置,淘宝直通车促销标签怎么做,淘宝促销标签在价格后面是怎么设置。这种促销标签,其实就是为宝贝设计个推广图片,加上些文案,比如“包邮”,“5折”,“全网最低”,“XX同款”,体现

[/e:loop]