control de buttons en forms mediante ajax
Publicado por Roldan (1 intervención) el 28/06/2019 03:28:10
Hola con todos, tengo un form con un id y metodo post y dentro de el hay una serie de elementos, entre ellos 2 inputs de typo submit y lo que quiero es mediante ajax, controlar estos dos inputs de tipo submit, aque les dejo mi codigo
y en jquery tengo lo siguiente :
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
<form method="post" id = "matrizIndex">
<div class = "row">
<div class="col s4">
<h3 class = "center">Matriz 1</h3>
<div class="input-field">
<input type="text" name="txtFilasMatriz1" class ="validate" id ="fila1">
<label for="fila1" > Numero filas </label>
</div>
<div class="input-field">
<input type="text" name="txtColumnasMatriz1" class ="validate" id="columna1" >
<label for="columna1"> Numero columnas </label>
</div>
</div>
<div class = "col s4">
</div>
<div class="col s4">
<h3 class="center"> Matriz 2</h3>
<div class="input-field">
<input type="text" name="txtFilasMatriz2" id= "fila2">
<label for="fila2"> Numero filas </label>
</div>
<div class="input-field">
<input type="text" name="txtColumnasMatriz2" id = "columna2">
<label for="columna2"> Numero columnas </label>
</div>
</div>
<div>
<input type="submit" name="action" value="FormarMatriz" class = "btn blue" id = "boton">
</div>
<br><br>
<div class = "row">
<div id = "llenarMatriz">
</div>
</div>
<div class = "row">
<div id = "multiplicacionMatriz">
<div class="input-field col s12 " style="position:relative;display:none" id = "opciones">
<select name = "txtOperador" >
<option value="" disabled = "selected" >seleccione operador</option>
<option value="Suma">Suma</option>
<option value="Resta">Resta </option>
<option value="Multiplicacion">Multiplicacion</option>
<option value="Transpuesta">Transpuesta</option>
<option value="Inversa">Inversa</option>
</select>
<label>Operadores</label>
</div>
</div>
</div>
<input type="submit" name = "cal" value ="operacion" class = "btn" id="calcular" style="position:relative;display:none">
</div>
</form>
y en jquery tengo lo siguiente :
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
$(document).on('submit', '#matrizIndex', function(event)
{event.preventDefault();
var fila1 = $('#fila1').val();
var columna1 = $('#columna1').val();
var fila2 = $('#fila2').val();
var columna2 = $('#columna2').val();
//var fila1 = document.getElementById("fila1").value
//var columna1 = document.getElementById("columna1").value
//var fila2 = document.getElementById("fila2").value
//var columna2 = document.getElementById("columna2").value
document.getElementById('calcular').style.display = 'block';
document.getElementById('opciones').style.display = 'block';
if(submit =="action"){
$.ajax({
url: 'dibujar.php',
type: 'post',
data: {
fila1: fila1 ,
columna1: columna1 ,
fila2: fila2 ,
columna2 : columna2},
success: function (data) {
$("#llenarMatriz").html(data) ;
},
error: function(){
alert('Error: L17+');
}});
}});
Valora esta pregunta
0