选择下拉栏其他选项时可以手动添加数据(20210518)

     hello,小伙伴们大家好,今天做的是一个前台的动态显示,需求大致就是一个下拉栏,当点击”其他“这个选项时可以手动输入一个数据,

       今天就和小伙伴们分享一下源码:

   

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>window对象操作窗口</title>
<script src="js/jquery-1.8.3.min.js">
</script>
</head>

<body>
<!-- -->
<form action="" method="post">
<select id="payer" name="payer" >
<option value="其他">其他</option>
<option value="公司" selected="selected">公司</option>
</select>
<input id='sh' type="text" placeholder="请输入内容" hidden="hidden"/>
</form>
</body>
<script>

$('#payer').bind('change', function(){
var payer=$('#payer').val();
if(payer=='其他'){
$('#sh').attr('hidden',false);
}else{
$('#sh').attr('hidden',true);
}
});
</script>
</html>

 

效果如下:

当点击其他时,后面会显示一个文本框,可以手动填写下拉栏里面不存在的判断并传入后台,利用后台逻辑进行导入。

 

 

 

 

 

 

 

posted @ 2021-05-18 21:49  skystrivegao  阅读(249)  评论(0编辑  收藏  举报