IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Attribuer une valeur à input Bootstrap modal


Sujet :

JavaScript

  1. #1
    Membre régulier
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Points : 117
    Points
    117
    Par défaut Attribuer une valeur à input Bootstrap modal
    Bonsoir à tous,

    Je travaille avec bootstrap 3.3.7 et dans mon application j'appelle une fenêtre modal. Je voudrais que cette fenêtre m'affiche la donnée type_carte provenant de servlet Liste_cmmde.

    Cette valeur doit est attribué à id="type_carte"

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <td><label class="control-label" for="input_type_carte">Carte:</label></td>
    <td><input type="text" class="form-control" name="type_carte" id="type_carte"></td>
    .

    J'ai vérifie la servlet Liste_cmmde, renvoie la donnée souhaite et grâce à alert(jsonObj.address); la donnée est affichée.

    Ma difficulté est de la mettre dans id=id="type_carte"

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    	<script>
    		$('#exampleModal').on('show.bs.modal', function (event) {
      			var button = $(event.relatedTarget); 
      			var vno_compte = button.data('whatever'); 
      			var request = ({"message":vno_compte});
      			var jsonobj=JSON.stringify(request);
      			$.ajax({
    				data: {para:jsonobj},
    				dataType: 'json',
    				url: './Liste_cmmde?mode=display',
    				type: 'POST',
    				success: function(jsonObj){
    					//alert(jsonObj.address);  
    					modal.find('[id="type_carte"]').val(jsonObj.address);
    					$('#myModal').modal('show');  
    				},
    				error: function() {
    					alert('Ajax readyState: '+xhr.readyState+'\nstatus: '+xhr.status + ' ' + err);
    				}
    			});
    			$('#myModal').on('hide.bs.modal', function () {
    				$(this).find('form')[0].reset();
    			});
     
      			//var modal = $(this);
      			//modal.find('.modal-title').text('N° Compte: ' + vno_compte);
      			//modal.find('[name="status_dde"]').val(vno_compte);		    			
    		})
     
    	</script>
    Merci beaucoup de votre aide.

  2. #2
    Membre régulier
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Points : 117
    Points
    117
    Par défaut
    En mettant cette instruction,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("type_carte").value = jsonObj.address;
    mon problème est résolu.

    Merci à tous.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XSLT 2.0] Attribuer une valeur de type input hidden a une variable XSL ?
    Par geeku dans le forum XSL/XSLT/XPATH
    Réponses: 1
    Dernier message: 10/05/2011, 14h48
  2. Réponses: 9
    Dernier message: 08/08/2006, 10h42
  3. attribuer une valeur à un checkbox
    Par monsurf dans le forum Access
    Réponses: 1
    Dernier message: 03/05/2006, 23h29
  4. impossible d'attribuer une valeur a un objet
    Par el_quincho dans le forum Access
    Réponses: 2
    Dernier message: 10/01/2006, 12h18
  5. [C#] Attribuer une valeur a une cellule d'un DataGrid
    Par linuxludo dans le forum Windows Forms
    Réponses: 16
    Dernier message: 19/11/2005, 18h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo