javascript - JavaScript: 複数選択でオプションをソートする際に大文字と小文字を区別しない

Question

大文字と小文字を区別せずにオプションを並べ替えようとしていますmultiselect。これらのことをそれぞれ個別に行う方法を見てきましたが、それらを一緒に行う方法はわかりません。

並べ替え用の HTML は次のとおりです。

<form action="" method="get">
<label for="elliot">select:</label>
<select name="elliot" multiple="multiple" id="elliot1" style="height:140px;display:block;width: 200px;">
<option>d</option>
<option>Z</option>
<option>avery</option>
<option>5</option>
<option>Alive</option>
<option>8</option>
<option>b</option>
</select>
<button type="button" onclick="javascript:sortSelect(elliot1);">Sort</button>
</form>

これが私のJavaScriptです（注：jQueryソリューションを探しているわけではありません）：

function sortSelect(selElem) {
    var tmpAry = new Array();
    for (var i=0;i<selElem.options.length;i++) {
        tmpAry[i] = new Array();
        //tmpAry[i][0] = selElem.options[i].text;
        tmpAry[i][0] = selElem.options[i].text;
        tmpAry[i][1] = selElem.options[i].value;
    }
    tmpAry.sort();
    while (selElem.options.length > 0) {
        selElem.options[0] = null;
    }
    for (var i=0;i<tmpAry.length;i++) {
        var op = new Option(tmpAry[i][0], tmpAry[i][1]);
        selElem.options[i] = op;
    }
    return;
}

これがjsfiddleです