js实现选择不同的条件显示不同的内容

最新推荐文章于 2022-04-12 16:07:30 发布
VIP文章 最新推荐文章于 2022-04-12 16:07:30 发布
阅读量6.4k 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h_tinkinginjava/article/details/79023339
版权 
 function htmlcontent(data){
    	$("#myselfcon li").remove() ;
		for(var i=0;i<data.rows.length;i++){
				$("#myselfcon").append("<li class='update-li'><div class='left-img-body' style='width:20%;'>"+
						"<img src='${ctx}"+data.rows[i].imagefile+"' >"+
						"</div>"+
						"<div class='right-body' style='width:75%;'>"+
						"<div class='font-title'> <span>"+data.rows[i].saname+"</span>"+
						"<ul class='funcul'> <li > <a class='title-a active' οnclick='functionjj(this,"+data.rows[i].said+","+data.rows[i].saname+")'>功能简介</a></li><li><a class='title-a' οnclick='f
最低0.47元/天 解锁文章
self_defining
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中点击不同的按钮对应的选择框出现不同的内容
bug_404的博客
02-27 3611
1：css样式：button{ width: 50px; height: 40px; } .wrapper div { display: none; width: 100px; height: 100px; border: 2px solid red; } .active{ background-color: #2df2ff; }2：...
javascript实现点击后变换按钮显示文字的方法
10-24
主要介绍了javascript实现点击后变换按钮显示文字的方法,可实现显示一些按钮如果点击了,按钮文本变为“点了”,其他按钮文本变为“没点”的效果,非常具有实用价值,需要的朋友可以参考下
JS实现点击参数面板按钮显示或隐藏数据
01-20
当报表中列出数据太多时，想通过显示按钮隐藏明细数据只显示统计数据。如下图示例，那么该如何实现呢？本文以FineReport为例，来讲述JS如何实现点击参数面板按钮显示或隐藏数据。 打开报表 在参数面板添加一个标签控件，控件名为lable，设置标签控件不可见，控件值为“显示”。 在参数面板添加一个按钮控件，控件名为button，控件值为“只显示合计数据”，并添加点击事件。 编辑点击事件，添加下面的JavaScript代码： 点击参数面板空白处，将“点击查询前不显示报表内容”属性的勾去掉。 回到报表设计界面，右键B3单元格，添加条件属性，设置行高为0毫米，添加公式条件为$label =
使用JavaScript实现弹出层效果的简单实例
11-22
声明 阅读本文需要有一定的HTML、CSS和JavaScript基础 设计 实现弹出层效果的思路非常简单：将待显示的内容先隐藏，在触发某种条件后（如点击按钮），将原本隐藏的内容显示出来。 实现 <!DOCTYPE html> <html> <head> <title>Window对象</title> <meta charset="utf-8"> </head> <body> <a>百度一下</a> <button type="button" id="open">打开弹出层</button> <div style="display
页select中如何实现选择option其中一个选项，显示相关的内容
12-27
调的是新闻列表 然后select内的列表为标题列表 然后你要选中标题显示内容 那么内容区域先定义出来 然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 <select <option value='1'>第一条新闻标题</option> <option value='2'>第二条新闻标题</option> </select> <div id='info_box'> <div id='Cont_1'>第一条新闻内容</div> <div id='Cont_2'>第二条新闻内容</div> </div> CSS样式写 #info_box div { display:none; } js函数: function ShowInfo(Id){ document.getElementById("Cont_"+Id).style.display="block" } 大概就是这样了,手写的,可能有误 还有就是JS一定要在页面内你select和div内容区域代码的后面 不然加载到以后执行的时候很有可能就提示找不到对象
js数组的组成以及不同情况下的用法
weixin_52767537的博客
11-03 315
1、首先什么是数组？ 一个变量可以存储一个值，但如果想要存储多个值，应该怎么写呢？ 是不是得一个一个的声明赋值。如下面的代码： var str = "hello"; var str2 = "word"; var str3 = "happy"; 而如果使用了数组，则会变得简单的多，不需要重复的操作，只需要一行代码便可完成： var str = ["hello","word","happy"]; 2、数组的创建： /*完整的形式*/ var 数组名 = new Array(元素1，元素..
jstl分类讨论（不同条件下显示不同的列表）
qq_35048277的博客
04-24 569
序号 编号 用户名 姓名 职位 邮箱 最近登录 上次登录IP 操作
JavaScript实现类似alert（）函数的效果，传入不同的值，显示状态不同。
Dgjcrhjnbfgjj的博客
02-22 506
简单做到控制DOM的显示与隐藏。
php中如何让表头竖向排列,实现带分组数据Table表头排序功能
weixin_29146779的博客
03-10 455
这次给大家带来实现带分组数据Table表头排序功能，实现带分组数据Table表头排序功能的注意事项有哪些，下面就是实战案例，一起来看一下。如下图：要求：点击表头排序时，"分组"及"分组明细"的数据层次关系不变从网上找了一段常规的table排序，改了改，以满足“分组支持”，贴在这里备份/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...
用JavaScript实现点击不同的单选按钮出现不同的内容
xiazaikk_2009的博客
04-19 2509
在网页中，通过选择不同的单选按钮，来控制页面上显示不同的内容。要实现这个功能，方法有很多种，个人觉得下面的方法比较好用（试验证明），虽然繁琐些，但思路清楚，简单易懂。 ~~~~~~~~~~~~~~~~~我是分割线~~~~~~~~~~~~~~~~~~~~~ index.jsp: ...... &lt;input type="radio" id="ok1" value="ok1" chec...
PHP根据时间输出不同内容,js根据时间段显示不同的内容(两种方法)
weixin_39552768的博客
04-09 321
随日期每天自动变换的文本var week;if(new Date().getDay()==0) week=”星期日”if(new Date().getDay()==1) week=”星期一”if(new Date().getDay()==2) week=”星期二”if(new Date().getDay()==3) week=”星期三”if(new Date().getDay()==4) week...
SlideSync:在多个设备上显示相同的内容
07-02
##History 目标是创建一个演示程序，允许您在观众的设备上显示相同的内容。 只需将您的观众引导至演示文稿的 URL 或 QR 码，无论何时您更换幻灯片，他们的设备也会随之变化。 截至 2014 年秋季学期（11 月至 12 月...
JavaScript条件判断_动力节点Java学院整理
12-08
例如，根据年龄显示不同内容，可以用if语句实现如下： var age = 20; if (age >= 18) { // 如果age >= 18为true，则执行if语句块 alert('adult'); } else { // 否则执行else语句块 alert('teenager'&...
用js实现根据表中字段值查找表中对应值的id_性能优化技巧 - 查找
weixin_39527768的博客
11-30 550
【摘要】日常生活中，我们会遇到各种各样的数据，小到公司通讯录，大到互联网用户行为分析。在进行数据分析处理的过程中，查询是必不可少的环节，如何更加高效地进行数据查询。点击：性能优化技巧 - 查询，来乾学院一探究竟！SPL为用户提供了强大的索引机制以及针对不同场景中各对象的查询函数，善加运用，可以显著提高查询性能。1 键值查找1.1 序表我们先建立一个份“通话记录”的模拟数据，通过这份数据，来比较一下...
原生js解决表格奇偶列显示
ChyoD1811的博客
01-15 332
本方案重点在于掌握table的 rows属性和 row的cells属性. 解决的问题: 例子: 奇偶列不同颜色显示 个人实际运用: 表格内部内容我想要让内容相对靠近, 奇数列靠右,偶数列靠左, 用以替换IE8不兼容的CSS3伪类选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-...
用js实现选项卡，点击不同按钮显示执行不同的操作
psjasf1314的博客
04-12 3505
内容描述：通过不同的按钮显示不同的页面，用js实现。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用js实现选项卡</title> <style> /*class的css写法*/ .active { background-color: gold;
使用javascript 查询特定的table中的内容
weixin_30553065的博客
07-17 315
使用javascript 查询特定的table中的内容 (HTML示例页面： 下载示例) 页面中有一个table包含两列，数据由后台生成，行数不定：（如图） 原始数据： 现在通过javascript进行查询，效果如下三图： 开始查询 查询中...... 查询得到的自后结果 JAVASCRIPT代码： JS代码 <script...
js点击不同选项就显示出不同的内容
mysqimnkdjjn的博客
07-01 1732
用 JavaScript + HTML + CSS+layui 实现选项卡操作，点击不同选项就显示出不同的标题栏： Ⅰ、问题描述： 1、用JavaScript + html + css 实现，选项卡操作 2、分析： A、用 html + css 实现布局(盒子的布置，空间的分配等)； B、用 JavaScript 中的 DOM 操作，实现点击不同选项显示不同标题栏的功能； Ⅱ、实现过程如下： 1、运行软件VScode，亲测可实现； 2、运行代码： ```<!DOCTYPE html> <h
js如何获取table中动态生成的数据
热门推荐
h_tinkinginjava的博客
09-08 1万+
今天又学一招，多谢莉妹啦。 js如下： $('#labe-table tr td #attrcode').each(function () { alert($(this).val()); }); 页面如下： 参数编码 参数名称 单位（分钟） 单价（元） 备注
vue3 根据条件显示不同的页面
最新发布
06-06
你可以使用 Vue3 中的条件渲染指令 `v-if` 或者 `v-show` 来根据条件显示不同的页面。具体操作步骤如下： 1. 在模板中使用 `v-if` 或者 `v-show` 指令来进行条件渲染，例如： ```html <template> <div> <div v-if="isShowPage1"> <!-- 显示页面1的内容 --> </div> <div v-else> <!-- 显示页面2的内容 --> </div> </div> </template> ``` 2. 在 Vue 实例中定义数据 `isShowPage1`，并根据需要动态改变该数据的值，例如： ```javascript <script> export default { data() { return { isShowPage1: true } }, methods: { togglePage() { this.isShowPage1 = !this.isShowPage1 } } } </script> ``` 在上面的例子中，我们定义了一个 `togglePage` 方法来切换页面，当点击切换按钮时，会触发该方法，从而改变 `isShowPage1` 的值，进而实现页面的切换。 希望能帮到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值