Comment charger le contenu d'un fichier HTML statique dans un DIV en utilisant jQuery?

J'ai un tas de fichiers HTML statiques contenant des données textuelles:Comment charger le contenu d'un fichier HTML statique dans un DIV en utilisant jQuery?

/a.html 
/b.html 
/c.html

et une boîte de sélection/menu déroulant (#loadExternal) sur ma page principale.

En utilisant jQuery, comment puis-je utiliser l'événement onChange de la sélection/liste déroulante pour déclencher la page externe appropriée à charger dans mon DIV container?

<html> 

<select id="loadExternal"> 
    <option id="a" value="a" selected="selected">Load a.html</option> 
    <option id="b" value="b">Load b.html</option> 
    <option id="c" value="c">Load c.html</option> 
</select> 

<div id="container"> 
</div> 

</html>

Source

2010-12-23 Torsten Schmidt

Vous pouvez lier l'événement de modification à la zone de sélection. Obtenez la valeur de la sélection actuelle. Utilisez l'événement .load() pour charger la page.

$("#loadExternal").change(function(){ 
    var pageToLoad = this.value + ".html"; 
    $("#container").load(pageToLoad); 
});

Voir un working demo

Source

2010-12-23 03:44:34 rahul

wont la fin var pageToLoad jusqu'à être loadExternal.html? – Cole

@Cole, non ce sera la valeur de l'option sélectionnée. – rahul

ah il a dit this.id quand j'ai commenté. Ça devrait aller bien maintenant. – Cole

$("#loadExternal").change(function() { 
    page = $(this).val(); 
    $("#container").load(page + ".html") 
});

Source

2010-12-23 03:45:03 Cole

Comment charger le contenu d'un fichier HTML statique dans un DIV en utilisant jQuery?

Répondre

Questions connexes