Comment ajouter un menu déroulant dans le dialogue Jquery Ui - jquery, jquery-ui, menu déroulant

J'ai une boîte de dialogue jquery ui.Maintenant selon mes besoins, je veux ajouter une zone de texte, un menu déroulant, une case à cocher dans les boîtes de dialogue, mais je ne sais pas comment le faire ..

Voici le code de ma boîte de dialogue qui s'ouvre lorsque vous cliquez sur l'événement.

 var dialog = $("<p>This is my Dialogue</p>").dialog({
buttons: {
"Submit": function () {
//Your submit handler
}
},
title:"Your title",
width: 600,
height:300,
});

Merci beaucoup..

Réponses:

Le moyen le plus simple consiste à configurer le contenu dans une div et à l’afficher dans la boîte de dialogue. Au lieu de transmettre le contenu de la boîte de dialogue sous forme de chaîne comme vous l'avez essayé:

$("<p>This is my Dialogue</p>").dialog({ ... });

Configurez le contenu de la boîte de dialogue comme ceci:

<div class="popup">
<p>This is my Dialogue</p>

<!-- Add whatever code you like here to be displayed-->
<textarea></textarea>
<select>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
</div>

Et liez le dialogue à cet élément:

$(".popup").dialog({
buttons: {
"Submit": function () {
//Your submit handler
}
},
title:"Your title",
width: 600,
height:300,
});

Voici un exemple de travail de base: http://jsfiddle.net/W7zvZ/. Un exemple plus complexe d’utilisation de formulaires se trouve à la page Page de documentation de la boîte de dialogue jQuery UI (cliquez simplement sur le Voir la source lien ici pour voir le code derrière elle).