欢迎来到资源库(www.zyku.net)

JavaScript

当前位置:首页 > 网页制作 > JavaScript

jquery 显示隐藏input输入框

时间:2020-06-26|栏目:JavaScript|点击:|我要投稿

代码:

<!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

上一篇:javascript实现获取中文汉字拼音首字母

栏    目:JavaScript

下一篇:返回列表

本文标题:jquery 显示隐藏input输入框

本文地址:https://www.zyku.net/js/1938.html

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

沪ICP备15050984号-12