CSS中的動態下拉框是指可以動態選擇內容的下拉菜單。下面是一個簡單的動態下拉框代碼。

<select id="fruit">
<option>請選擇水果</option>
<option value="apple">蘋果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>
<script>
var fruit = document.getElementById("fruit");
fruit.addEventListener("change", function() {
var selectedFruit = fruit.options[fruit.selectedIndex].value;
switch(selectedFruit) {
case "apple":
document.body.style.backgroundColor = "red";
break;
case "banana":
document.body.style.backgroundColor = "yellow";
break;
case "orange":
document.body.style.backgroundColor = "orange";
break;
}
});
</script>

這段代碼中，我們首先創建了一個下拉框，并為其添加了四個選項：

• 請選擇水果
• 蘋果
• 香蕉
• 橙子

然后，我們使用JavaScript為下拉框增加了一個事件監聽器，當下拉框的選項發生變化時，會執行這個監聽器中的代碼。在代碼中，我們獲取了用戶選擇的水果，根據不同的水果選擇，將背景顏色設置為不同的顏色。

通過這個例子，我們可以看出動態下拉框的應用非常廣泛，可以用于網頁實現多種實用功能，如省市級聯、二級菜單、顏色選擇器等等。