Comment faire pour afficher la liste déroulante de liste à sélection en jQuery popup et récupérer la valeur sélectionnée

Je voudrais montrer une sélectionnez-la liste déroulante dans un jQuery Popup /boîte de Dialogue. Pourriez-vous me montrer comment faire, et comment faire pour récupérer la valeur sélectionnée?

Exemple de code ci-dessous:

<div id='selectPopup'>
    <form name='test'>
        <select  id='inptPAN' name='inptPAN'>
            <option value='1'>item 1</option>
            <option value='2'>item 2</option>
            <option value='3'>item 3</option>
            <option value='4'>item 4</option>
            <option value='5'>item 5</option>
            <option value='6'>item 6</option>
        </select>
    </form>
</div>

Veuillez voir cette jsFiddle pour certains code

  • ce pop-up ou de dialogue utilisez-vous? Avez-vous du code js vous avez essayé jusqu'à présent de sorte que nous pourrions l'étendre?
  • $("#inptPAN").val() devrait faire
  • btw, je ne sais pas quel est le problème avec stackoverflow. J'ai toujours été un avertissement de virus lorsque j'actualise la page et je ne suis pas en mesure d'utiliser l'éditeur wysiwyg depuis ce matin aujourd'hui. Désolé pour la mauvaise mise en forme.
  • J'ai commencé sur jsfiddle, peut-être que vous pouvez travailler sur qui? J'ai l'intention d'utiliser jquery.ui.dialog.
  • Comment faire pour afficher la liste déroulante de liste à sélection en jQuery popup et récupérer la valeur sélectionnée sur "soumettre" sur le contrôleur?
InformationsquelleAutor nimrod | 2012-05-04
  1. 0
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../../../Scripts/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet"
type="text/css" />
<script src="../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../../Scripts/jquery-ui-1.8.16.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
//this function is triggered as soon as something changes in the form
$("select[name='inptPAN']").change(function () {
//console.log('found change');
selectDialog('Pan','You had selected, Text: '+ $(':selected',this).text()+' And Value : '+$(this).val());
});
function selectDialog(title, text) {
return $('<div></div>').append(text)
.dialog({
resizable: true,
modal: true,
buttons: {
"OK": function () {
$(this).dialog("close");
}
}
});
}
});
</script>
</head>
<body>
<div id='selectPopup'>
<form name='test'>
<select id='inptPAN' name='inptPAN'>
<option value='1'>item 1</option>
<option value='2'>item 2</option>
<option value='3'>item 3</option>
<option value='4'>item 4</option>
<option value='5'>item 5</option>
<option value='6'>item 6</option>
</select>
</form>
</div>
</body>
</html>

    Pour Démo

    • attendez, il va mettre quelques exemples ci-dessous..
    • Je voudrais utiliser le script jQuery UI, pas une altération de l'un.
    • Veuillez voir mon liés jsfiidle. Je veux récupérer la valeur après la liste déroulante des changements, avec jQuery, bien sûr. Cette fonction est déjà disponible dans mon jsfiddle.
    • pour la démonstration, voir ce lien: jsfiddle.net/nanoquantumtech/DmFXZ
    • essayer cela et voir...
    • salut.. j'avais affiché sélectionnés de la liste déroulante texte et sa valeur dans la boîte de dialogue..

    InformationsquelleAutor Thulasiram