Bootstrap con multiselect no quiere enlazarce
Publicado por Javier Gonzalez (24 intervenciones) el 07/01/2018 06:13:32
Buenas Noches a todos:
Estoy haciendo un ejemplo que saqué de una página :
Webslesson Tutorial | Bootstrap Multi Select Dropdown with Checkboxes using Jquery in PHP
y lo modifique para dos SELECT pero no quiere enlazarse a el archivo prueba1.php alguien podria decirme porque ?
los ALERT sacan la informacion que requiero pero no corre el prueba1.php cuando le doy al boton submit
gracias por su ayuda.
JAG
Estoy haciendo un ejemplo que saqué de una página :
Webslesson Tutorial | Bootstrap Multi Select Dropdown with Checkboxes using Jquery in PHP
y lo modifique para dos SELECT pero no quiere enlazarse a el archivo prueba1.php alguien podria decirme porque ?
los ALERT sacan la informacion que requiero pero no corre el prueba1.php cuando le doy al boton submit
gracias por su ayuda.
JAG
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<title>Webslesson Tutorial | Bootstrap Multi Select Dropdown with Checkboxes using Jquery in PHP</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
</head>
<body>
<br /><br />
<div class="container" style="width:600px;">
<h2 align="center">Bootstrap Multi Select Dropdown with Checkboxes using Jquery in PHP</h2>
<br /><br />
<form method="post" id="framework_form">
<div class="form-group">
<label>Select which Framework you have knowledge</label>
<select id="framework" name="framework[]" multiple class="form-control" >
<option value="Codeigniter">Codeigniter</option>
<option value="CakePHP">CakePHP</option>
<option value="Laravel">Laravel</option>
<option value="YII">YII</option>
<option value="Zend">Zend</option>
<option value="Symfony">Symfony</option>
<option value="Phalcon">Phalcon</option>
<option value="Slim">Slim</option>
</select>
</div>
<div class="form-group">
<label>Select which Framework you have knowledge</label>
<select id="framework1" name="framework1[]" multiple class="form-control" >
<option value="Codeigniter">Codeigniter</option>
<option value="CakePHP">CakePHP</option>
<option value="Laravel">Laravel</option>
<option value="YII">YII</option>
<option value="Zend">Zend</option>
<option value="Symfony">Symfony</option>
<option value="Phalcon">Phalcon</option>
<option value="Slim">Slim</option>
</select>
</div>
<div class="form-group">
<input type="submit" class="btn btn-info" name="submit" value="Submit" />
</div>
</form>
<br />
</div>
</body>
</html>
<script>
$(document).ready(function(){
$('#framework').multiselect({
nonSelectedText: 'Select Framework',
enableFiltering: true,
enableCaseInsensitiveFiltering: true,
buttonWidth:'600px'
});
$('#framework_form').on('submit', function(event){
event.preventDefault();
var form_data = $(this).serialize();
$.ajax({
url:"prueba1.php",
method:"POST",
data:form_data,
success:function(data)
{$('#framework option:selected').each(function(){
$(this).prop('selected', false);
});
$('#framework').multiselect('refresh');
alert(data);
}});
});
});
</script>
<script>
$(document).ready(function(){
$('#framework1').multiselect({
nonSelectedText: 'Select Framework1',
enableFiltering: true,
enableCaseInsensitiveFiltering: true,
buttonWidth:'600px'
});
$('#framework_form').on('submit', function(event){
event.preventDefault();
var form_data = $(this).serialize();
$.ajax({
url:"prueba1.php",
method:"POST",
data:form_data,
success:function(data)
{$('#framework1 option:selected').each(function(){
$(this).prop('selected', false);
});
$('#framework1').multiselect('refresh');
header("Location: prueba1.php");
alert(data);
}});
});
});
</script>
Valora esta pregunta
0