jQuery select下拉框賦值

本文介紹給下拉框和輸入框賦值,代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>select</title>
</head>
<body>

 <label class="w3-label">請求領域</label>
 <select class="w3-select" name="Field" id="fieldname">
 <option value="" disabled selected>選擇請求領域型</option>
 <option value="武俠">武俠</option>
 <option value="科技">科技</option>
 <option value="醫療">醫療</option>
 <option value="計算機">計算機</option>
 <option value="軍事">軍事</option>
 <option value="容器">容器</option>
 </select>
 <label class="w3-label">詳細描述</label>
 <input class="w3-input" name="Description" id="desc">
 
<script>
var field = "容器"
var select2 = document.getElementById('fieldname');
for (var i = 0, count = select2.options.length; i < count; i++) {
 if (select2.options[i].text == field) {
    select2.selectedIndex = i;
    break;
 }
}
var desc = "星期五"
document.getElementById("desc").value = desc;
	</script>
</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章