Mam dwa wybory HTML w formularzu. Pierwszy nazywa sięavailable i zawiera kilka opcji:

<select name="sortedby" multiple="multiple">
    <option value="start">
        <xsl:if test="@sortedby='start'">
            <xsl:attribute name="selected">true</xsl:attribute>
        </xsl:if>
        Start time
    </option>

    <option value="thread_id">
        <xsl:if test="@sortedby='thread_id'">
            <xsl:attribute name="selected">true</xsl:attribute>
        </xsl:if>
        Thread Id
    </option>

    <option value="user_name">
        <xsl:if test="@sortedby='user_name'">
            <xsl:attribute name="selected">true</xsl:attribute>
        </xsl:if>
        Username
    </option>
</select>

Druga nazywa sięyourselection i jest pusty na początku:

<select name="sortedby_target" multiple="multiple">
</select>

Jest przycisk, który usuwa wybrane opcjeavailable i przenosi je doyourselection.

Ten przycisk wywołuje funkcję JavaScript z biblioteki, której mogę używać, ale nie może modyfikować.

Zasadniczo działa dobrze. Ale jest niewielka niedogodność: gdy użytkownik przenosi jedną lub kilka opcji zavailable doyourselection, nie są domyślnie wybierane „po przybyciu”. Obecnie użytkownik musi najpierw wybrać opcjęavailable niż go przenieśćyourselectioni ponownie wybierz go ręcznieyourselection, a następnie prześlij formularz.

To, czego chcę, to wszystko, co docierayourselection powinien być domyślnie zaznaczony jako wybrany. Jakieś pomysły?

AKTUALIZACJA! Mam funkcję, która może wybrać wszystkie elementy:

function selectAllOptions(obj) {
    if (!hasOptions(obj)) { return; }
    for (var i = 0; i < obj.options.length; i++) {
        obj.options[i].selected = true;
    }
}

Ale pytanie brzmi, jak to nazwać? Z tego powodu nie chcę dodawać kolejnego przycisku.

Powinno być coś takiegoonfill lub coś podobnego w select.