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

jQuery 输入框

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

栏目：JavaScript

下一篇：使用JS输出html的方法

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

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

更多互联网推荐教程

JavaScript

jquery 显示隐藏input输入框

您可能感兴趣的文章

阅读排行

推荐教程