jQueryのは、リストの最上部に空白のオプションを追加し、既存のドロップダウン

Question

に選択しますこれに設定すると、元のリストから値を選択するようユーザーに強制したいが、選択しなければならないオプションが表示されたときに空白にしたい。

これをしようとしたが

// Add blank option 
var blankOption = {optVal : ''}; 
$.each(blankOption, function(optVal, text) { 
    $('<option></option>').val(optVal).html(text).preprendTo('#theSelectId'); 
}); 

を動作していないし、私はこれを試してみましたが、他の値

$('#theSelectId option').prependTo('<option value=""></option>'); 

Answer 1

これは働いてクリアされます。

$("#theSelectId").prepend("<option value='' selected='selected'></option>"); 

Firebugの出力：

を

<select id="theSelectId"> 
    <option selected="selected" value=""/> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

あなたが順序を逆にしたい場合にも、.prependToを使用することができます。

​$("<option>", { value: '', selected: true }).prependTo("#theSelectId");​​​​​​​​​​​ 

Answer 2

ソリューションネイティブのJavascript：

document.getElementById("theSelectId").insertBefore(new Option('', ''), document.getElementById("theSelectId").firstChild);

例：http://codepen.io/anon/pen/GprybL