JavaScript操作下拉框動態顯示內容

pangqiandou發表於2017-09-13
JavaScript
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript操作下拉框動態顯示內容</title>
<script type="text/javascript">
function show(){
var deptNode=document.getElementById("dept");
var resultNode=document.getElementById("result");
resultNode.value=deptNode.value;

}
</script>
<body>
<form action="" method="post">
<!-- onchange:當下拉選單選擇的內容改變時,觸發onchange事件,selected:表示預設選中第一個-->
部門:<select name="dept" id="dept" onchange="show(this.value)">
<option value="技術部" selected>技術部</option>
<option value="測試部">測試部</option>
<option value="銷售部">銷售部</option>
<option value="財務部">財務部</option>
</select>
    選擇後的結果:<input type="text" name="result" id="result" value="">
</form>
</body>
</html>

相關文章