sélectionnez toutes les options en html sélectionner dynamiquement

J'ai deux HTML sélectionne dans un formulaire. Le premier est appelé available et contient plusieurs options:

<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>

La seconde est appelée yourselection et est vide au début:

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

Il y a un bouton qui supprime les options sélectionnées à partir de available et se déplace à yourselection.

Ce bouton appelle une fonction JavaScript à partir d'une bibliothèque que je peux utiliser, mais ne peut pas le modifier.

Fondamentalement, il fonctionne très bien. Mais il ya un inconvénient mineur: Lorsque l'utilisateur se déplace d'une ou plusieurs option(s) de available à yourselection, elles ne sont pas activées par défaut "à l'arrivée". Donc, actuellement, l'utilisateur doit sélectionner une option en premier dans available que le déplacer vers yourselection, et de nouveau sélectionner manuellement dans yourselection, et puis soumettez le formulaire.

Ce que je veux, c'est tout ce qui arrive à yourselection doit être sélectionné par défaut. Des idées?

Mise à JOUR! J'ai une fonction qui permet de sélectionner tous les éléments:

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

Mais la question est de savoir comment l'appeler? Je ne veux pas ajouter un autre bouton, pour cette raison.

Il devrait y avoir quelque chose comme onfill ou quelque chose de similaire à sélectionner.

Bien sûr, certaines suggestions viennent à l'esprit, comme le réglage de la propriété sélectionnée sur l'déplacé éléments, mais tout ce que nous voyons est un tas de serverside code qui n'est pas vraiment pertinent pour le javascript ?
"réglage de la propriété sélectionnée sur l'déplacé éléments" comment?
Comment devrais-je sais, je n'ai pas vu de code lié à la question ?
Comment êtes-vous de déplacer les éléments? Vous devez donner le code.
pas vraiment pertinente pour le javascript. Je n'ai pas accès à cette fonction javascript. Je peux l'utiliser, mais je ne suis pas autorisé à le modifier. Je peux écrire une autre, mais alors ce qui doit appeler cette nouvelle fonction?

OriginalL'auteur Sanyifejű | 2013-06-17