L'effet panier implémenté par JavaScript peut bien entendu être utilisé dans de nombreux endroits, comme la sélection d'amis, le module de ressources humaines, le calcul des salaires, la sélection du personnel, etc. Vous trouverez ci-dessous un rendu de quelque chose de similaire à un panier :
code :
goodsCar.js : Ce js est écrit dans un fichier séparé. Contrôle principalement l'affichage de la liste ci-dessus.
window.onload=function(){
initStore ();
};
var marchandises=["jambon","beauté","soeur royale","excursion d'une journée sur Mars","voiture de sport"]; ==== ============= Réfléchissez clairement aux raisons pour lesquelles vous devez définir une zone de stockage temporaire =============
var temps=[] ;//Stockage temporaire
//Initialiser la sélection de l'entrepôt et ajouter du contenu
function initStore(){
var select_store=document.getElementById("select_store"); ;goods.length;x )
{
//Créer un objet d'option
var optionNode=document.createElement("option");
optionNode.innerHTML=goods[x];
select_store; .appendChild(optionNode);
}
}
//------------------------------- ----------
function selectGoods(){
//Obtenir l'objet de liste de sélection du magasin
var out_store=document.getElementById("select_store");
//Obtenir l'objet de liste de sélection de mes marchandises
var in_store=document.getElementById("select_my");
moveGoods(in_store,out_store);
function deleteGoods(){
//1. Enregistrez les produits à déplacer
var in_store=document.getElementById("select_store");
var out_store=document.getElementById("select_my"); out_store);
}
/*
* Déplacer les marchandises :
1.inSotre : Déplacer les marchandises dans l'entrepôt
2.outStore : Déplacer les marchandises hors de l'entrepôt
*/
//Move
function moveGoods(inStore,outStore){
/ /================Vider le cache du tableau========= =========
temps=[];
// Boucle pour obtenir tous les articles de la liste dans le magasin
for(var x=0;x{
var option=outStore.options[x];
// Ajouter les éléments de liste sélectionnés au tableau temporaire pour le stockage
if(option.selected){
temps.push (option);//Ajouter des données au tableau temporaire. Afin d'éviter la duplication, le cache du tableau doit être vidé
}
}
//2 Supprimer l'élément sélectionné dans la liste des magasins<🎜. >//3. Ajoutez le produit sélectionné au panier
for(var x=0;x< temps.length; Add
inStore.appendChild(temps[x]);
}
}
Ce qui suit est le fichier principal
Copier le code
Le code est le suivant :