Veras le he metido un botón para que veas como funciona. Al presionar el botón si las dos opciones son iguales salta un alerta desciendo que no se pueden elegir dos opciones iguales. Si no un alerta que indica el estado de OK.
Donde va el alerta de Ok debes de seguir con tus funciones.....
El script funciona con jquery para esto le tienes que anidar lógicamente la librería jquery para que te funcione.
He comentado el código para que lo veas mejor....
Cualquier duda pregunta por aquí....
Espero haberte ayudado saludos....
Ademas hay mas informacion en el
enlace, pero esta en ingles....
Código HTML :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript">
/*Esto siempre que se inicializa jqyery tienes que meter significa que el documento esta listo en el DOM*/
$(document).ready(function(){
/*Aqui se inicializa el evento del click del raton*/
$(".submitbtn").click(function(){
/*Se le aplica la condicion basada en el texto que esta escrito adentro del value no el value en si
Si deseas el value en si al envez de decir $("#otro :selected").text() deberias de decir $("#otro").val()
Por ejemplo he alterado el texto de la primera opcion que ahora no es mas hola es "que tal".
Esto es lo que se compara al precionar el boton y no el hola que seria el value si quieres el hola seria $("#otro").val()
*/
if($("#otro :selected").text() == $("#combo :selected").text()){
alert("No puedes elegir dos opciones iguales");
}
else{
alert("Todo Ok");
}
});
});
</script>
</head>
<body>
<select id="otro">
<option value="hola">que tal</option>
<option value="mundo">Mundo</option>
<option value="cruel">Cruel</option>
<option value="ydespiadado">y despiadado</option>
</select>
<select id="combo">
<option value="hola">que tal</option>
<option value="mundo">Mundo</option>
<option value="cruel">Cruel</option>
<option value="ydespiadado">y despiadado</option>
</select>
<input type="submit" class="submitbtn" value="enviar"/>
</body>
</html>