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.
"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
Vous devez vous connecter pour publier un commentaire.
OriginalL'auteur Sanyifejű
Essayer celui-ci mis à JOUR!
HTML
SCRIPT
J'ai présenté des excuses pour ma première solution j'espère que cela aide.
Si vous souhaitez être sélectionné tous les éléments sélectionnés, supprimez cette ligne
OriginalL'auteur Markipe
ou
Vous pouvez vous inspirer ici:
http://demo.redmine.org/projects/asdf/issues
lorsque vous tentez de modifier des colonnes dans une table.
OriginalL'auteur DonPaulie