不用寫 javascript，直接放一個空白的 option 並預設選取就好

<select id="xxx" >
    <option value="" selected></option> 
    <option value="10">1</option>  
    <option value="20">2</option>      
    <option value="30">3</option>      
    <option value="40">4</option>   
</select>

如果要讓空白選項無法選擇的話，加個 disabled 就 ok

<select id="xxx" >
    <option value="" disabled selected></option> 
    <option value="10">1</option>  
    <option value="20">2</option>      
    <option value="30">3</option>      
    <option value="40">4</option>   
</select>

可以按1楼说的直接一个option里面放空白的就行，不过你另一个需求:选择的时候不让选择空白的那个选项就得控制了。
PS:为何不用 ---请选择--- 而要用空白呢？

如果你的意思是默认空白，直接按1楼的大神说的就可以。但不太明白你的具体需求是什么，不太清楚。

设置<option>为空。如果想让不能选择设置disabled属性即可<option disabled="disabled"></option>