jqueryを使用して選択ボックスリストにオプションを追加する

Question

このjquery関数を使用してドロップダウンボックスを設定します。素晴らしいですが、 にオプションを追加します：

<option value="">select</option> 

最初のオプション！これはどのようにして行われますか？

function populate_cantons() { 
    $.getJSON('http://domain.com/v3/ajax/fetch_canton.php', {country:$('#country').val()}, function(data) { 
     var select = $('#cantons'); 
     var options = select.prop('options'); 
     $('option', select).remove(); 
     $.each(data, function(index, array) { 
      options[options.length] = new Option(array['canton']); 
     }); 
    }); 
} 

Answer 1

<select id="cantons"> 
    <option>This is 1</option> 
    <option>This is 2</option> 
    <option>This is 3</option> 
</select> 

var select = $('#cantons'); 
select.find('option:eq(0)').next().attr('selected', true); 

http://jsfiddle.net/RhhAZ/1/

注、私はそれが動作を示すために.next()を使用しています。最初にoptionが選択されます。通常、最初のoptionはselectであり、それ以外の場合は選択されません。

EDIT

var select = $('#cantons'); 
select.prepend('<option selected>Select</option>'); 

http://jsfiddle.net/RhhAZ/4/