Maison  >  Article  >  interface Web  >  L'effet panier implémenté par JavaScript peut être utilisé dans de nombreuses compétences places_javascript

L'effet panier implémenté par JavaScript peut être utilisé dans de nombreuses compétences places_javascript

WBOY
WBOYoriginal
2016-05-16 16:49:011154parcourir

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 :
L'effet panier implémenté par JavaScript peut être utilisé dans de nombreuses compétences places_javascript
code :

goodsCar.js : Ce js est écrit dans un fichier séparé. Contrôle principalement l'affichage de la liste ci-dessus.

Copier le code Le code est le suivant :

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 :





Insert title here






de l'attribut multiple de l'objet select : définir ou obtenir une valeur booléenne indiquant si plusieurs éléments peuvent être sélectionnés dans la liste -->

value=">>" onclick="selectGoods();"/>












Veuillez sélectionner le produit que vous souhaitez acheter :



value="Tout sélectionner" onclick="mySelect('1');"/>







Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn