En utilisant le prototype 1.6, comment puis-je supprimer toutes les options sélectionnées d'un select et les ajouter à un autre? Je devrais ajouter que quand ils apparaissent dans la cible, ils ne devraient pas être sélectionnés ...Prototype: comment déplacer les options sélectionnées d'un select à l'autre?
1
A
Répondre
1
J'ai trouvé la réponse, qui consistait simplement à utiliser "jane-jane" javascript pour obtenir les options sélectionnées et les désélectionner . Cela utilise le prototype 1.6 et fonctionne bien.
<head>
<script type="text/javascript" src="prototype.js"></script>
</head>
<body>
<h1>Hello World</h2>
<div style="border:solid 1px black">
<select id="leftSelect" multiple="multiple" size="3">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<span class="test">
<button id="moveRightBtn">>></button><br/>
<button id="moveLeftBtn"><<</button>
</span>
<select id="rightSelect" multiple="multiple" size="3">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<script type="text/javascript">
document.observe("dom:loaded", function()
{
Event.observe("moveRightBtn", "click", function()
{
move($("leftSelect"), $("rightSelect"));
});
Event.observe("moveLeftBtn", "click", function()
{
move($("rightSelect"), $("leftSelect"));
});
});
function move(sourceSelect, targetSelect)
{
var options = sourceSelect.select("option");
options.each(function(item)
{
if(item.selected)
{
item.selected = false;
targetSelect.appendChild(item.remove());
}
});
}
</script>
</body>
Questions connexes
- 1. jQuery - désactive les options sélectionnées
- 2. jQuery options sélectionnées dans les instructions conditionnelles
- 3. jQuery Obtention des options sélectionnées numéro
- 4. La case à cocher Select a certaines options avec Webrat
- 5. Retourne les colonnes sélectionnées sélectionnées
- 6. Glisser/Déplacer plusieurs fonctionnalités sélectionnées - OpenLayers
- 7. Extraction de la valeur des options non sélectionnées de html <select> utilisant PHP
- 8. Boucler les valeurs sélectionnées dans plusieurs combobox select JQuery
- 9. Modifier les options de champs de formulaire dynamiquement (et restaurer les options précédemment sélectionnées) en utilisant jQuery
- 10. En utilisant jQuery, comment puis-je stocker les valeurs sélectionnées d'un select dans un tableau?
- 11. Prototype font option select être sélectionnée par la valeur fournie
- 12. Obtention du texte innerHTML à partir des cases à cocher sélectionnées dans le prototype
- 13. WPF: comment déplacer les lignes sélectionnées dans un DATAGRID au début de celui-ci?
- 14. HAML select helper ne commande pas correctement les options
- 15. Suppression des options de select dans IE6
- 16. jQuery - obtenez select avec exactement 2 options
- 17. Problèmes de forme avec php. Options sélectionnées dynamiquement et case à cocher
- 18. comment récupérer plusieurs valeurs sélectionnées à partir de <select multiple> dans le code java?
- 19. Comment supprimer des options de l'élément select en utilisant jquery?
- 20. Comment déplacer les éléments frères vers le haut/le bas dans le prototype 1.5.1?
- 21. De jQuery à Prototype
- 22. Comment sélectionner une option à l'aide prototype
- 23. ASP.NET MVC avec jqGrid Modification de formulaire - Action du contrôleur pour les options sélectionnées
- 24. Comment déplacer les pixels?
- 25. Déplacer les éléments expirés?
- 26. Django sélectionner les options
- 27. Comment désactiver les colonnes sélectionnées dans un DataGrid en flex pour les lignes sélectionnées?
- 28. Déplacer les données sélectionnées d'un serveur vers un autre serveur SQL 2008
- 29. multisélectionner, définir les valeurs sélectionnées par défaut
- 30. Passer les options à find_or_create