我們都知道，在網頁開發中，下拉選擇框是一個非常常見的元素。常常需要設置一個默認為空的選項，以便用戶在第一次打開頁面時選擇。jQuery可以非常方便地實現這個需求。
<select> <option value=''>請選擇...</option> <option value='1'>選項1</option> <option value='2'>選項2</option> <option value='3'>選項3</option> <option value='4'>選項4</option> </select>
在上述代碼中，我們設置了一個默認的空選項。用戶打開頁面時，第一個選項就是“請選擇...”，并且它的value值是空字符串。這是因為用戶選擇“請選擇...”并提交表單時不想提交任何選項的值，所以我們要把value值設為空字符串。
然而，如果我們使用jQuery簡化代碼，我們可以這樣寫：
<select>
<option value=''>請選擇...</option>
<option value='1'>選項1</option>
<option value='2'>選項2</option>
<option value='3'>選項3</option>
<option value='4'>選項4</option>
</select>
<script>
$(document).ready(function(){
$("select").val("");
});
</script>我們加了一段jQuery代碼，在頁面加載后就自動將默認選項設為空。首先我們調用$("select")選中整個頁面中的所有
這個方法非常簡單，可以大大減少我們的代碼量，提高開發效率。趕快試一下吧！
上一篇div 多層覆蓋