最近接手的項目中有一個需求,在某原因填寫時,使用菜單選擇,當選擇其它時,需要手動輸入原因.
因為長時間沒有接觸前端的東西了,所以我一開始是懵逼的,后來上網查了不少資料后,寫了一個小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