lo que pasa es que he buscado y buscado y no encuentro nada. Intento hacer que cuando un usuario le dé click a alguno de los dos botones y al finalizar dándole click en "Enviar post", se envíe por post jquery. (Obvio que no sea cambiando el <button por un input):
HTML:
<button id='boton1' value='9876' type='button'>Boton 9876</button> //Por ejemplo este botón al ser seleccionado, se envíe por post el valor 9876
<button id='boton2' value='1234' type='button'>Boton 1234</button>// O si presiona este, entonces se envía el 1234 y ya no el 9876
<button type='submit'>Enviar post</button>
</form>
JAVASCRIPT
$('#enviar_post').submit(function(e){
//Se supone que al dar click en un boton (elegido por el usuario) el valor se envíe ¿O qué me recomendarian?
if($('#boton1').click()){
var enviarEsto=$('#boton1').val();
}else if($('#boton2').click()){
var enviarEsto=$('#boton2').val();
}
$.ajax({
type: 'POST',
url: RUTAURL+'datos/enviar/',
dataType: 'text',
data: {datoButton: enviarEsto, otrosParametros:'buenos dias'},
success: function(response){
console.log(response);
}
})
e.preventDefault();
})
pero... cómo hago para agregar el submit cuando el usuario termine de seleccionar alguno de los dos botones?
Iría asi?
$('#enviar_post').submit(function(e){
$("body").on("click", ".botones", function() {
const valor = $(this).data('value');
$.ajax({
type: 'POST',
url: ruta+'datos/enviar/',
dataType: 'text',
data: {botones: valor, otros:'buenos dias'},
success: function(response){
console.log(response);
}
})
})
})