下拉選單選擇後，即時帶入某欄位jquery 本小站下載： 含 Bootstrap 3.3.7 ~ 4.3.1 & jQuery 1.11.3 ~ 3.4.1
範例：主要看紅色 (jquery) 及藍色 (javescript) 字部份，或直接複製所有程式碼，另存成一個 html 檔來觀看唄 ^ ^
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>喵喵笨兔 の 喵喵的家~遊戲天地 - 下拉式選單選擇後，自動即時帶入某特定欄位內</title>
<script src="js/jquery-1.12.4.min.js"></script>
<!--jquery語法 -->
<script>
$(function(){
$('#sltweek').change(function(){
$('#textweek').val($('#sltweek').val());
});
});
</script>
<!--javascript語法 -->
<script>
function checkseason(){
document.getElementById('textseason').value=document.getElementById('sltseason').value;
}
</script>
</head>
<body>
<p>
jquery 語法範例：
<select name="sltweek" id="sltweek">
<option value="" selected>請選擇</option>
<option value="星期一">星期一</option>
<option value="星期二">星期二</option>
<option value="星期三">星期三</option>
<option value="星期四">星期四</option>
<option value="星期五">星期五</option>
<option value="星期六">星期六</option>
<option value="星期日">星期日</option>
</select>
<input type="text" name="textweek" id="textweek">
</p>
JavaScript 語法範例：
<select name="sltseason" id="sltseason" onChange="checkseason()">
<option value="" selected>請選擇</option>
<option value="春天">春天</option>
<option value="夏天">夏天</option>
<option value="秋天">秋天</option>
<option value="冬天">冬天</option>
</select>
<input type="text" name="textseason" id="textseason">
</body>
</html>
jquery 語法範例：
JavaScript 語法範例：