javascript - 用空值替换选项

Question

假设我们在 html select 中有三个选项 即选择，男性，女性。 单击时我想用“”替换选择。

我尝试过以下代码。

<select id="ageID">
    <option value="none" >loading...</option>
    <option value="one" >one</option>
    <option value="two">two</option>
    <option value="three">three</option>
</select>  

$("#ageID").on("click",function(){

    $(this).children().first().remove();
    $(this).children().first().before(" <option value='none' > </option>");

});  

它在 google chrome 上完美运行，但在 mozilla 或 IE 上运行不佳。 您可以尝试使用 http://jsfiddle.net/ 运行它 请提供解决方案

Answer 1

你可以这样做:

$("#ageID").on("click focus",function(){
    this.options[0].text='';
});  

Demonstration

我添加了 focus 事件，因为我认为您希望尽快进行更改(仅 click 情况并非如此)。