Question

I have several Select which depend on each other if I select a value in one of the other is removed, and the previous value is added to others, how I can add the previous value by JQuery to Select? and then sort it alphabetically?

Answer 1

Not sure about the sorting (shouldn’t be too hard to figure out) but you can append an <option> element to a list like this:

$("#myselect").append(
    $("<option>").prop("selected", "selected").attr("value", "OptionValue").text("OptionText")
);

The first call to prop() is only if you need the element to be the selected one in the list, otherwise you can omit it.

Edit: I went ahead and worked out the sort part:

var elems = [];
$("#sortable > option").each(function () {
    elems.push({ key: $(this).val(), value: $(this).text() });
});

elems.sort(function (a, b) {
    if (a.value < b.value) return -1;
    if (a.value > b.value) return 1;
    return 0;
});

$("#sortable").empty();
$.each(elems, function (idx, item) {
    $("#sortable").append(
        $("<option>").attr("value", item.key).text(item.value)
    );
});