最近接手的项目中有一个需求,在某原因填写时,使用菜单选择,当选择其它时,需要手动输入原因.
因为长时间没有接触前端的东西了,所以我一开始是懵逼的,后来上网查了不少资料后,写了一个小demo.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
借用原因:<input type="text" disabled="disabled" id="txt"/>
<select id="test" onchange="tt(this.id)">
<option value="1">自己使用</option>
<option value="2">部门使用</option>
<option value="3">其它</option>
</select>
<script>
function tt(id) {
var aa = document.getElementById(id);
var i = aa.selectedIndex;
var text = aa.options[i].text;
var value = aa.options[i].value;
if(value == 3) {
text = "请手动填写原因";
document.getElementById("txt").disabled=false;
}
document.getElementById("txt").value = text;
}
</script>
</body>
</html>
————————————————
版权声明：本文为CSDN博主「不善言谈者」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/bushanyantanzhe/java/article/details/82691726