Estoy realizando una web creada con php, mysql, javascript y html. Os comento a ver si me podéis ayudar...
Tengo un select creado con HTML que me lo rellena mediante una consulta a mi Base de Datos.
<div id="listaCategorias2">
<p name="title"> 2. Seleccione una fotografía.
<select id="listImgNew"disabled selected style="visibility:hidden">
<option selected value="0" > Elige una opción </option>
<option value="1" id="tituloAntiguas">
<?php
$sql_imagenes=mysqli_query($con,"SELECT * FROM imagenes_nuevas");
while ($valores = mysqli_fetch_array($sql_imagenes)) {
echo '<option value="'.$valores['id'].'">'.$valores['titulo'].'</option>';
}
?>
</option>
</select>
</p>
</div>
</div id="contenedor">
<input type="submit" value="Votar" onclick="ShowSelected();"> </input>
Hasta aquí todo bien. Después quiero que el SELECT seleccionado al pulsar un INPUT TYPE="submit", me ejecute una consulta en la que sume 1 al campo voto...pero no lo consigo...
Realizando pruebas, mediante este código, consigo mostrar el valor del select.
<script>
function ShowSelected(){
let cod = document.getElementById("listImgNew").value;
alert(cod);
}
</script>
La pregunta es... ¿Como puedo hacer para que si el valor del SELECT sea igual al valor de mi ID en mi BD me sume 1 a la columna votos que tengo en la BD?
Muchas gracias de antemano!!
Este es el código que tengo por el momento...
<?php
include 'header.php';
session_start();
include("conexion.php");
?>
<!-- Bloquea boton derecho -->
<script type="text/javascript" language="Javascript">
document.oncontextmenu = function(){return false}
</script>
<script>
<!-- Muestra valor del select -->
function ShowSelected(){
let cod = document.getElementById("listImgNew").value;
alert(cod);
}
</script>
<html>
<head>
<!-- Función que habilita y deshabilita los list -->
<script>
function select(){
let selectedValue = document.getElementById("listImg").value;
if(selectedValue == 0){
document.getElementById("listImgAnt").disabled=true;
document.getElementById("listImgNew").disabled=true;
document.getElementById("listImgNew").style.visibility = "hidden";
document.getElementById("listImgAnt").style.visibility = "hidden";
}
else if (selectedValue == 1){
document.getElementById("listImgAnt").disabled=false;
document.getElementById("listImgNew").disabled=true;
document.getElementById("listImgAnt").style.visibility = "visible";
document.getElementById("listImgNew").style.visibility = "hidden";
}else if (selectedValue == 2){
document.getElementById("listImgNew").disabled=false;
document.getElementById("listImgAnt").disabled=true;
document.getElementById("listImgNew").style.visibility = "visible";
document.getElementById("listImgAnt").style.visibility = "hidden";
document.getElementById("title2").style.display = "block";
}}
</script>
</head>
<body>
<div id="panelPrinci">
<!-- Bienvenida de usuario -->
<h1><?php echo "BIENVENIDO/A ";
echo $_SESSION['usuario'];?></h1>
<!-- Cierre de sesion -->
<form action='cerrarSesion.php' class="formSocios">
<input type="submit" value="Cerrar sesión" class="sesionSocio"/>
</form>
</div>
<div id="textoSocio">
<p> Has accedido al Sistema de Votación del Concurso de fotografía. Desde aquí, podrás realizar el voto a una fotografía de cada categoría.</p><br/><br/>
<p><strong><u> RECUERDE: Unicamente podrá realizar un único voto a una fotografía de ambas categorias </p></strong></u> <br/>
<!-- Listas desplegables completadas con consulta a la BD -->
</div>
<div id="contenedor">
<div id="listGaleria">
<p> 1. ¿Que categoría quieres votas?
<select id="listImg" onchange="select();">
<option selected value="0"> Elige una opción </option>
<option value="1">Fotografías Antiguas</option>
<option value="2">Fotografías Actuales</option>
</optgroup>
</select>
</p>
</div>
<div id="listaCategorias">
<p name="title"> 2. Seleccione una fotografía.
<select id="listImgAnt"disabled selected name="select" style="visibility:hidden">
<option selected value="0" > Elige una opción </option>
<option value="1" id="tituloAntiguas">
<?php
$sql_imagenes=mysqli_query($con,"SELECT * FROM imagenes_antiguas");
while ($valores = mysqli_fetch_array($sql_imagenes)) {
echo '<option value="'.$valores['id'].'">'.$valores['titulo'].'</option>';
}
?>
</option>
</select>
</p>
</div>
<div id="listaCategorias2">
<p name="title"> 2. Seleccione una fotografía.
<select id="listImgNew"disabled selected style="visibility:hidden">
<option selected value="0" > Elige una opción </option>
<option value="1" id="tituloAntiguas">
<?php
$sql_imagenes=mysqli_query($con,"SELECT * FROM imagenes_nuevas");
while ($valores = mysqli_fetch_array($sql_imagenes)) {
echo '<option value="'.$valores['id'].'">'.$valores['titulo'].'</option>';
}
?>
</option>
</select>
</p>
</div>
</div id="contenedor">
<input type="submit" value="Votar" onclick="ShowSelected();"> </input>
</body>
</html>
<?php
include 'footer.php'
?>
A partir de aqui...no consigo avanzar...por más pruebas que hago con la consulta de MySQL, pasando las variables y demás...no lo consigo
Ya que me recomendais el AJAX, como sería, porque con AJAX nunca he programado.
UPDATE
WHERE
debes poner elid
de la fila que quieres actualizar el cual tendrías que enviar cuando lanzas la consulta de actualización. Y, como sugerí antes, lo mejor es usar Ajax para esto. Sea como sea, no veo tu código de actuaiización ni qué lógica estás implementando.