jquery 显示隐藏input输入框
代码:
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="jquery-3.3.1.min.js"></script> </head> <body> <p> <select name="befrom" id="befrom" style="width: 200px;" onchange='reprint()'> <option value="1" selected>隐藏</option> <option value="2">显示</option> </select> </p> <p id="original" style='display:none;'>文本框:<br/> <input name="ywlj" type="text" id="ywlj" class="input-txt" style="width: 200px;" value=""></p> <script type="text/javascript"> function reprint(){ var befrom = $('#befrom').val(); if(befrom=='2'){ $('#original').show(); $('#originallink').attr("required","required"); }else{ $('#original').hide(); $('#originallink').removeAttr("required"); } } </script> </body> </html>
演示:
(资源库 www.zyku.net)
原创文章转载请注明原文链接:https://www.zyku.net/js/1938.html
您可能感兴趣的文章
- 07-30jquery v3.5.1(最新)
- 07-30jquery v3.4.1
- 07-30jquery v3.3.1
- 07-30jquery v3.2.1
- 07-30jquery v3.1.1
- 07-30jquery v3.0.0
- 07-30jquery v2.1.4
- 07-29jquery v2.1.1
- 07-29jquery v2.0.0
- 07-29jquery v1.11.3
- 03-30Windows下IIS安装SSL证书并自动续期
- 01-12M2U-M2U应用软件功能介绍
- 09-20QQ看点在哪里查看等级
- 09-18网易云音乐登录设备查询教程介绍
- 12-08红米k40启用NFC门卡步骤介绍
- 07-25帝国CMS按照关键字获取相关文章
- 02-18红米k40游戏增强版录屏功能开启方法
- 02-27vivo手机设置地震预警功能教程
- 05-19notepad怎么修改默认的搜索引擎
- 10-26OPPOA56怎么加密应用
最近更新
阅读排行
猜你喜欢
- 07-05Linux exit命令
- 01-11小亿管家-小亿管家应用软件功能介绍
- 10-09PiPifier设置画中画教程介绍
- 10-212021淘宝双11喵糖活动组队规则介绍
- 12-26易智教-易智教应用软件功能介绍
- 01-12表情说说-表情说说应用软件功能介绍
- 12-25智汀智能-智汀智能应用软件功能介绍
- 01-12一级造价工程师题库-一级造价工程师题
- 12-07wps如何批量删除云空间
- 01-14天天德语-天天德语应用软件功能介绍