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:

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:

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.