Buenas tardes. Dispongo de una lista select con varios elementos options. Me gustaría que al marcar sobre un elemento de la lista, el elemento seleccionado se deshabilite hasta que no se pulse sobre otro elemento de la lista. Muchas gracias por adelantado.
Adjunto parte del codigo. Primero vemos aqui la parte referente al html:
<form id="Formulario">
<input id='nombre' type = 'text' placeholder="Inserta tu nombre..." required>
<input id='mail' type = 'email' placeholder="Inserta tu mail" required>
<input id='telefono' type = 'text' placeholder="Inserta tu telefono" required>
<input id='producto' type = 'text' placeholder="Escribe tu producto" required>
<select>
<option value="1" id="p1">Prod1</option>
<option value="2" id="p2">Prod2</option>
<option value="3" id="p3">Prod3</option>
<option value="6" id='otro'>Otro...</option>
</select>
<button type="submit" onClick="envio()">Solicitar</button>
</form>
Y a continuación un fragmento de jquery:
$("#Formulario").on('click', '#otro', function(ev){
ev.preventDefault()
$('#Formulario').append("<textarea id='otrosArticulos'></textarea>");
});
$("#Formulario").on('click', '#prod1', function(ev){
ev.preventDefault()
$('#otrosArticulos').remove();
}); //Esto elimina el textarea creado al pulsar sobre el option Otros.