Bootstrap datepicker onchang
Publicado por Llorenç (1 intervención) el 19/05/2020 13:51:02
Hola, intento implementar el formulario Colorlib regform v4 que aparece en la página https://colorlib.com/wp/free-bootstrap-registration-forms/ con algún cambio. Lo que quiero es poner invisible el campo "gender", el cual es un radio button. Para ello lo que hago es quitar el código dentro del div correspondiente y sustituirlo por un <div id='div1'></div>. En el <input name='birthday'... es donde carga la fecha seleccionada
Luego lo que intento es añadir este código en el head
de manera que al seleccionar una fecha en el <input name="birthday"... ejecute el código programado en horesdisp.php para seleccionar según la fecha establecida y pasada por la variable "day" y el resultado lo ponga en el div cuyo id es div1, pero no funciona. No hace nada. Selecciono una fecha y no aparece nada en el #div1.
También he probado con este código en vez de con el anterior
Pero tampoco consigo ningún resultado.
El script horesdisp.php es éste:
es decir, un input de radio button, aquí sin atacar la base de datos para hacer un select, es código fijo solamente para ver si consigo lo que pretendo.
¿Alguien puede echarme una mano?
El código del formulario entero puede descargarse desde el enlace puesto arriba ce colorlib.com
Gracias anticipadas.
Luego lo que intento es añadir este código en el head
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
$(function() {
$("input[name='birthday']").datepicker({
onSelect: function() {
var dateData = $(this).val();
$.ajax({
type: "GET",
url: 'horesdip.php',
data: "day=" + dateData,
success: function(data) {
// data is ur summary$('#div1').html(data);
}});
}});
})
</script>
de manera que al seleccionar una fecha en el <input name="birthday"... ejecute el código programado en horesdisp.php para seleccionar según la fecha establecida y pasada por la variable "day" y el resultado lo ponga en el div cuyo id es div1, pero no funciona. No hace nada. Selecciono una fecha y no aparece nada en el #div1.
También he probado con este código en vez de con el anterior
1
2
3
4
5
<script>
$("input[name='birthday']").datepicker().on('changeDate', function (e) {
$("#div1").load("horesdisp.php?day=" + e);
});
</script>
Pero tampoco consigo ningún resultado.
El script horesdisp.php es éste:
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="input-group">
<label class="label">Gender</label>
<div class="p-t-10">
<label class="radio-container m-r-45">Male
<input type="radio" checked="checked" name="gender">
<span class="checkmark"></span>
</label>
<label class="radio-container">Female
<input type="radio" name="gender">
<span class="checkmark"></span>
</label>
</div>
</div>
es decir, un input de radio button, aquí sin atacar la base de datos para hacer un select, es código fijo solamente para ver si consigo lo que pretendo.
¿Alguien puede echarme una mano?
El código del formulario entero puede descargarse desde el enlace puesto arriba ce colorlib.com
Gracias anticipadas.
Valora esta pregunta
0