允許用戶從html中選擇null <select>下拉列表

Question

我的網站上有一個下拉選擇框。該字段不是必需的。如果用戶不小心做出選擇，是否有一種簡單的方法可以讓用戶將字段重置爲空？

我唯一能想到的就是讓第一個選項是「請選擇...」，然後查看用戶是否選擇了該選項，並將相應的值設置爲空。這只是感覺有點hacky。

Answer 1

該示例將使用戶能夠在不看到「空白」選項的情況下重置選擇。 http://jsbin.com/ojozar/2

<select id="select"> 
    <option value="1" >option 1</option> 
    <option value="2" >option 2</option> 
    <option value="3" >option 3</option> 
    </select> 
    <input type="button" value="reset" id="resetbtn" /> 

JS：

$('#resetbtn').click(function(){ 
    $('select#select').prepend('<option selected="selected" value="null" class="null"></option>');   
    }); 

    $('select#select').bind('focus click mouseup',function(){ 
    $(this).find('option.null').remove(); 
    });