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>
效果如下：
当点击其他时，后面会显示一个文本框，可以手动填写下拉栏里面不存在的判断并传入后台，利用后台逻辑进行导入。
原文：https://www.cnblogs.com/skystrive/p/14782888.html