JS/Jqueryを使用してリストの国を並べ替え

Question

こんにちはフランスが常にリストの一番上にくるようにソートする国のリストが必要です。

以下は、リストの入力順です。

<select id="countriesList" name="countriesListName"> 
    <option value="US">USA</option> 
    <option value="DE">Germany</option> 
    <option value="FR">France</option> 
    <option value="DM">Denmark</option> 
    <option value="">Choose Countries</option> 
</select> 

Answer 1

1. 私は（その値が空であるので、おそらく必要ない）「を選択しCoumtriesは」
2. 私が選ぶトップに移動トップ
3. にフランスを移動するオプション
4. を並べ替えますあなたはここに

$(function() { 
 
    var $list = $("#countriesList"), $opts = $("option",$list); 
 
    $opts.sort(function(a, b) { 
 
    a = $(a).val(); 
 
    b = $(b).val(); 
 
    if (a > b) return 1; 
 
    if (a < b) return -1; 
 
    return 0; 
 
    }); 
 
    $list.html($opts); 
 
    // insertBefore or prepend 
 
    $('option[value = "FR"]', $list).insertBefore($("option", $list).first()); 
 
    $('option[value = ""]', $list).insertBefore($("option", $list).first()); 
 
    $list.get(0).selectedIndex=0; // or 1 to select France 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="countriesList" name="countriesListName"> 
 
    <option value="US">USA</option> 
 
    <option value="DE">Germany</option> 
 
    <option value="FR">France</option> 
 
    <option value="DM">Denmark</option> 
 
    <option value="">Choose Countries</option> 
 
</select>

FRを選択することができます// "Coumtriesを選択してください"

Answer 2

完全なソリューション：

$(function() { 
 

 
    var options = $('#countriesList option'); 
 

 
    options.sort(function(a, b) { 
 

 
    if (a.value > b.value) { 
 

 
     return 1; 
 
    } 
 
    else if (a.value < b.value) { 
 

 
     return -1; 
 
    } 
 
    else { 
 

 
     return 0; 
 
    } 
 
    }) 
 

 
    $("#countriesList").empty().append(options); 
 

 
    // Vive la France! 
 

 
    $('#countriesList option[value="FR"]').insertAfter($('#countriesList option:first')); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="countriesList" name="countriesListName"> 
 
    <option value="US">USA</option> 
 
    <option value="DE">Germany</option> 
 
    <option value="AZ">Azerbaijan</option> 
 
    <option value="FR">France</option> 
 
    <option value="DM">Denmark</option> 
 
    <option value="">Choose Countries</option> 
 
</select>

前：

後：

Demo at sfiddle.net

Answer 3

function myFunction(country) { 
    var select = document.getElementById("selectFrance"); 
    var opts = select.options.length; 
    if ((select.options[1].value !== "FR")){ 
     for (var i=0; i<opts; i++){ 
      if (select.options[i].value == "FR"){ 
       select.insertBefore(select[i],select[1]); 
       break; 
      } 
     } 
    } 
}