window.onload = function(){

var btn = document.getElementById("btn");

var table = document.getElementById("firstTable");

var tbody = table.tBodies[0];

btn.onclick = function(){

// 取得姓名值

var name = document.getElementById("name").value.toLowerCase();

var patten = /\s+/igm;

var nameArray = name.split(patten);

console.log(nameArray);

// 对tbody中的每一行进行循环

for (var i = 0; i

var inputTxt = tbody.rows[i].cells[1].innerHTML.toLowerCase();

tbody.rows[i].style.display = "none";

// 对我们输入的搜索条件进行循环

for (var j = 0; j

if(inputTxt.indexOf(nameArray[j]) != -1){

tbody.rows[i].style.display = "table-row";

}

}

}

}

}

就是点击男的时候只出现男的,点女选项的时候就出现女的,帮帮忙。。- -

html

Table

table {

border:1px solid #9e9e9e;

border-collapse: collapse;

width: 500px;

}

tr,th,td {

border:1px solid #9e9e9e;

text-align: center;

}

select{

}

请输入姓名:

性别

id号姓名年龄性别操作

1张三20男 删除2张明28女 删除3陈赛38女 删除4king18男 删除5许佳8女 删除6张三8男 删除

html男女性别图片,添加一个男女性别的点击事件,配图,帮忙看看加在那个地方,怎么改。- -...相关推荐

  1. android 百度地图系列之添加覆盖物和覆盖物的点击事件

    转自:http://blog.csdn.net/jing__jie/article/details/51800042 之前讲了百度地图定位和地图基本操作,这篇博客讲一下,怎么去给地图添加覆盖物,并当点 ...

  2. python button使用方法_python 批量添加的button 使用同一点击事件的方法

    python 批量添加的button 使用同一点击事件根据传递的参数进行区分. def clear_text(): print '我只是个清空而已' def clear_text(index): pr ...

  3. js动态添加按钮,并绑定点击事件

    目录 前言 ftl文件 js文件 前言 任务描述:动态添加按钮,并对每个按钮绑定一个点击事件. ftl文件 <!DOCTYPE html> <html> <head> ...

  4. 腾讯地图的使用,添加多个标记和点击事件

    腾讯地图API官网:http://lbs.qq.com/javascript_v2/index.html 根据经纬度获取详细地址 此示例可以将经纬度(如:39.908823,116.39747)转换为 ...

  5. jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?

    <div class="client"><span class="client_title">选择您的游戏客户端</span> ...

  6. react中cesium添加billboard广告牌,billboard点击事件和鼠标滑过效果

    刚做完项目中广告牌的效果,顺便分享一下.更多可以参考官网的例子查看详情 先上效果图: 1.添加广告牌: 2.鼠标滑过效果(放大了一点点): 3.鼠标点击后,视野定位到具体的位置: 1.添加广告牌代码: ...

  7. Android中设置RecyclerView的每一个item的单项点击事件

    场景 Android中使用Adapter(适配器)给RecycleView设置数据源: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...

  8. js如何让一个元素触发click点击事件

    很简单,就一行代码.如下: <div id="div"></div> let div = document.getElementById("div ...

  9. js 进入一个页面自动执行触发点击事件

    进入页面自动执行点击事件,跳转的有些快,注意看那一瞬间的变化! <!DOCTYPE html> <html lang="en"><head>&l ...

最新文章

  1. 如何将qlv格式倚天屠龙记转换为MP4格式
  2. C++类模板(二)用类模板实现可变长数组
  3. GIS 中openstreetmap数据获取
  4. C语言编译器有哪些?
  5. php使用mkdir创建多级目录入门例子
  6. Leetcode 2 两数相加 Python
  7. while和do-while循环结构
  8. Sharepoint Designer 2007 Workflow
  9. 47session 方法
  10. kbengine连接mysql报错
  11. 修改本地数据库root权限密码
  12. 第四周项目1-三角形类的构造函数
  13. specification jpa 复杂查询
  14. 端午节,我们失去的太多了
  15. 关于时钟周期、状态周期、机器周期、指令周期的解释_普中_89C52单片机
  16. 怎么将项目上传到git仓库(gitee)
  17. Java程序常用工具
  18. springcloud之简介
  19. 干货·Doherty功放设计
  20. mysql 1265警告

热门文章

  1. 巴黎欧莱雅举行发芯绷带系列新品发布会,品牌美发代言人刘雯惊艳亮相
  2. SDNU 1027 马踏飞燕(续) 【BFS】
  3. 2021年中国汽车保有量及汽车保险发展情况分析:车险保费收入同比增长0.7%[图]
  4. 1.6 pointer allow for flexibility
  5. android清除缓存so库缺失,android模拟器清除程序缓存的so文件
  6. 201909-1 小明种苹果
  7. 浅析Oracle等待事件
  8. 阿里云镜像站DNS——Chrome配置方法
  9. 用TFmini-Plus 实现体前屈自动测量
  10. 云计算P2V的迁移过程