Liaison d'une boîte déroulante pour ouvrir des informations d'une autre page de la page d'origine

Question

Je cherche à créer une page avec une liste déroulante qui, une fois soumise, ouvrira les informations d'une autre page qui se chargera sous la liste déroulante. Je pense que je pourrais le faire avec un div mais je suis nouveau à l'écriture de code et je me suis complètement embrouillé.

Toute aide serait grandement appréciée.

Answer 1

HTML

<select id="mySelect"> 
    <option value="">Select a Page</option> 
    <option value="http://www.google.com">My Page</option> 
</select> 
<iframe id="myIframe"></iframe> 

Vous devez ensuite utiliser javascript pour lier un gestionnaire onChange à votre boîte de sélection qui met à jour le "src" attribut de l'iframe

Javascript via JQuery:

$(function(){ 

    $("#mySelect").change(function(){ 

     if($(this).val()) 
     { 
      $("#myIframe").attr("src", $(this).val()); 
     } 
     else 
     { 
     $("#myIframe").attr("src", null); 
     } 

    }); 

}); 

Si vous souhaitez insérer le fichier xml/html/text d'un autre page dans le DOM de la page en cours, vous voulez utiliser AJAX, je vous recommande de regarder les docs ajax jquery pour commencer:

$.ajax

Answer 2

vous pouvez utiliser un pop jquery pour cela. Il est facile de faire des pop up élégantes qui attireront l'attention des utilisateurs. Pls référer le lien http://jqueryui.com/demos/dialog/ .U peut trouver la démo et le code der. C'est facile. S'il vous plaît jeter un oeil à der.