Ver original<html> <head> <title> Config.Html </title> <link rel="styleSheet" href="css/iroom.css" type="style/css" /> <script> var text = document.getElementById("pais"), element = document.getElementById("paises"); function comprobar(){ if(element.querySelector("option[value='"+text.value+"']")) alert("Bien"); else alert("Mal"); } </script></head> <body> <!-- div contenedor --> <div id="contenedor3"> <h1 id="titulo"> Smart Room Project </h1> <div id="menu"> <ul> <li> <a href="minombre2.html">Nombre </a> </li> <li> <a href="config2.html">Configuración </a></li> </ul> </div> <table width="100%" align="center"> <tr> <td> <h2 id="habitacion"> Datos de la Habitación </h2> <br/> <div id="datos_center"> <form method="post" action="datos.js" name="form1"> <table width="100%" align="center"> <tr> <td> <label>País:</label> </td> <td> <input id="pais" name="pais" list="paises" /> <datalist id="paises"> <option value="Alemania"> <option value="Argentina" /> <option value="Brasil" /> <option value="Belgica" /> <option value="Dinamarca" /> <option value="Colombia" /> <option value="España" /> <option value="Francia"> <option value="Holanda"> <option value="México" /> <option value="Perú" /> <option value="Portugal"> <option value="Otro país" /> </datalist> </td> </tr> <tr> <td> Ciudad: </td> <td> <input type="text" name="ciudad" value="" /> </td> </tr> <tr> <td> Coordenadas GPS: </td> <td> <input type="text" name="gps" value="" /> </td> </tr> <tr> <td> Mapa URL: </td> <td> <input type="text" name="url" value="" /> </td> </tr> <tr> <td> Foto: </td> <td> <input type="file" name="foto" value="" /> </td> </tr> <tr> <td> Password: </td> <td> <input type="password" name="pass" value="" /> </td> </tr> <tr> <td> Foto: </td> <td> <input type="file" name="foto" value="" /> </td> </tr> </table> </td> <td> <h2 id="title_sensor">Seleccione los sensores </h2> <input type="checkbox" name="temperatura" value="" /> Temperatura <br/> <input type="checkbox" name="humedad" value="" />Humedad <br/> <input type="checkbox" name="ruido" value="" /> Nivel de Ruido <br/> <input type="checkbox" name="luz" value="" /> Nivel de luz <br/> <input type="checkbox" name="mov" value="" /> Movimiento <br/> <input type="checkbox" name="color" value="" /> Color iluminación <br/> <h2 id="title_sensor">Configure alertas </h2> Temperaturas Máximas: <br/> <select name="maximas" style=" width:130px;"> <option value="45">45</option> <option value="40">40</option> <option value="35">35</option> <option value="30">30</option> <option value="25">25</option> <option value="20">20</option> <option value="15">15</option> <option value="11">11</option> </select> <br/> Temperaturas Mínimas: <br/> <select name="maximas" style=" width:130px;"> <option value="-2">-2</option> <option value="-1">-1</option> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> <!--end div de formulario --> <br/><br/><br/> </td> </tr> <tr> <td align="center" colspan="2"> <input type="button" name="enviar" value="Enviar Datos" onclick="comprobar()" /> </form> <br/><br/> <a href="index2.html">Volver a página Principal.</a> </td> </tr> </table> </div> <!-- end div contenedor --> <div id="pie"> Universidad de Alcalá. </div> </body> </html>