Como enviar variable a ventana modal por select boobstrap SQL, ajax y php
Publicado por guillermo (1 intervención) el 15/05/2017 16:53:20
hola de antemano muchas gracias por leer mi problema. llevo una semana con este problema, y me estoy volviendo loco. Espero puedan ayudarme .
Resulta que estoy haciendo un proyecto en el cual quiero cargar un combo box con x informacion a traves de una peticion a mi base de datos. hasta aqui todo bien , le he incorporado un par de botones que hacen la funcion de insertar y editar. El problema viene cuando quiero mandar los valores del combo box a los input de la ventana modal. de tal forma que me den el id, el valor1, el valor 2 el valor3 etc , en los respectivos combos.
El framework que uso es boobstrap.
el codigo que estoy utilizando es el siguiente:
index.php
-----------------------------------------------------------------------------------------------------------------------------------------
modal.php
------------------------------------------------------------------------------------------------------
conexion.php
----------------------------------------------------------------------------------------------------------------------
Resulta que estoy haciendo un proyecto en el cual quiero cargar un combo box con x informacion a traves de una peticion a mi base de datos. hasta aqui todo bien , le he incorporado un par de botones que hacen la funcion de insertar y editar. El problema viene cuando quiero mandar los valores del combo box a los input de la ventana modal. de tal forma que me den el id, el valor1, el valor 2 el valor3 etc , en los respectivos combos.
El framework que uso es boobstrap.
el codigo que estoy utilizando es el siguiente:
index.php
-----------------------------------------------------------------------------------------------------------------------------------------
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="form-group">
<label class="col-md-3 control-label">
Tipo de contribuyente
</label>
<div class="col-md-6 selectContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-list">
</i>
</span>
<select class="form-control selectpicker" id="tipoContribuyenteCliente" name="tipoContribuyenteCliente" onchange="habilitar(this.value);">
<option>
Selecciona el tipo de contribuyente
</option>
<?php
while ($rowTC = mysqli_fetch_row($resultTipoContribuyente)) {
echo "<option value='" . $rowTC['0'] . "'>" . $rowTC['1'] . "</option>";
}?>
</select>
</div>
<button type="button" class="btn buttonCat" style="color:#fff; float:right; text-align:center;" data-toggle="modal" data-target="#NuevoTipoContribuyente" data-whatever=""><i class="glyphicon glyphicon-plus"></i> Agregar </button>
<?php
while ($rowTC2 = mysqli_fetch_row($resultTipoContribuyente2)){
?>
<button type="button" class="btn buttonCat" style="color:#fff; float:right; text-align:center;" data-toggle="modal" data-target="#EditarTipoContribuyente" data-idTipoContribuyente="<?php echo $rowTC2[0] ?>" data-conceptoTipoContribuyente="<?php echo $rowTC2['concepto'];?>" data-obsTipoContribuyente="<?php echo $rowTC2['observaciones'];?>"><i class="glyphicon glyphicon-edit"></i> Editar </button>
<?php
}?>
<script type="text/javascript">
var m = jQuery.noConflict()
m(document).ready(function (e) {
m('#EditarTipoContribuyente').on('show.bs.modal', function (event) {
var button = m(event.relatedTarget); // Button that triggered the modal
var id = document.frmCliente.tipoContribuyenteCliente.value;
id2 = button.data('idTipoContribuyente');
var concepto = button.data('conceptoTipoContribuyente'); // Extract info from data-* attributes
var obs = button.data('obsTipoContribuyente'); // Extract info from data-* attributes
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
var modalTC = m(this)
modalTC.find('#idTipoContribuyente').val(id);
modalTC.find('#nombreTipoContribuyenteE').val(concepto);
modalTC.find('#obsTipoContribuyente').val(obs);
});
});
</script>
------------------------------------------------------------------------------------------------------
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<div class='modal fade' id='EditarTipoContribuyente' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel'>
<div class='modal-dialog' role='document'>
<div class='modal-content'>
<head class='modal-header'>
<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>×</span></button>
</head>
<body class='modal-body'>
<!-- Form Mixin--> <!-- Input Mixin--> <!-- Button Mixin--> <!-- Pen Title--><div class='pen-title'>
<h1 style='color:#fff;'>
Tipo Contribuyente
</h1>
</div>
<!-- Form Module--><div class='module form-module'>
<!-- Inicio de div en pestaña--><div class='toggle'>
<i class='fa fa-times fa-pencil'>
</i> Observaciones
<div class='tooltip'>
Click Me
</div>
</div>
<div class='form'>
<h2>
Editar Tipo Contribuyente
</h2>
<form action='' class='well form-horizontal' name='frmTipoContribuyenteE' id='frmTipoContribuyenteE' method='post' onsubmit='guardarTipoContribuyente(); return false'>
<fieldset class='tabs_item'>
<legend style='font-family: verdana; color:#2967a5; font-size: 16px; font-family: TimesNewRoman;'>
Modifica los campos
</legend>
<div class='form-group'>
<label class='col-md-3 control-label'>
clave
</label>
<div class='col-md-2 inputGroupContainer'>
<div class='input-group'>
<span class='input-group-addon'>
<i class='glyphicon glyphicon-book'>
</i>
</span>
<input class='form-control' id='idTipoContribuyente' name='idTipoContribuyente' placeholder='Id' type='text'>
</input>
</div>
</div>
</div>
<div class='form-group'>
<label class='col-md-3 control-label'>
Tipo de contribuyente
</label>
<div class='col-md-9 inputGroupContainer'>
<div class='input-group'>
<span class='input-group-addon'>
<i class='glyphicon glyphicon-book'>
</i>
</span>
<input class='form-control' id='nombreTipoContribuyenteE' name='nombreTipoContribuyenteE' placeholder='Ej:Persona Fisica' type='text'>
</input>
</div>
</div>
</div>
</fieldset>
</div>
<div class='form'>
<legend style='font-family: verdana; color:#2967a5; font-size: 16px; font-family: TimesNewRoman;'>
Observaciones:</legend>
<p><textarea name='observacionesTipoContribuyenteE' id='observacionesTipoContribuyente' style='width:100%; max-height:200px; min-height:200px' placeholder='Escribe aqui tus observaciones o comentarios' ></textarea></p>
</div>
<input type='submit' name='btnGuardarTipoContribuyenteE' class='button' value='Guardar'>
</input>
<div id='mensajeTipoContribuyenteE'> Estado:</div>
</form>
<div class='cta'>
<a href='http://www.forteconsultores.com.mx/'>
Forte Consultores, S.C.
</a>
</div>
</div> <!-- Fin de div en pestaña-->
<script src='js/ajaxEditarTipoContribuyente.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>
</script>
<script src='js/popUpJs.js'>
</script>
</body>
</div>
</div>
</div>
conexion.php
----------------------------------------------------------------------------------------------------------------------
1
2
3
4
<?php
$enlace = mysqli_connect("127.0.0.1", "root", "mayuca2010", "fortecon_sipasa");
mysqli_set_charset($enlace, "utf8");
?>
Valora esta pregunta
0