Hola a Todos
Me gustaría que vieran el siguiente código:
<html>
<head></head>
<body>
<div STYLE="margin-left: 20px; margin-top: 10px">
PaÃ*s: <select name="slist1" onChange="SList.getSelect('slist2', this.value);">
<option>Seleccionar...</option>
<option value="Alemania">Alemania</option>
<option value="Austria">Austria</option>
<option value="Bélgica">Bélgica</option>
<option value="China">China</option>
<option value="Dinamarca">Dinamarca</option>
<option value="Emiratos Arabes Unidos">Emiratos Arabes Unidos</option>
<option value="Escocia">Escocia</option>
<option value="España">España</option>
<option value="Francia">Francia</option>
<option value="Grecia">Grecia</option>
<option value="Inglaterra">Inglaterra</option>
<option value="Italia">Italia</option>
<option value="PaÃ*ses Bajos">PaÃ*ses Bajos</option>
</select><br></br>
<span id="slist2"></span> <div id="scontent"></div>
<script>
var SList = new Object();
var txtsl2 = 'Ciudad:';
SList.slist2 = {
"Alemania": ['Heidelberg'],
"Austria": ['Viena'],
"Bélgica": ['Brujas', 'Bruselas'],
"China": ['Shanghai'],
"Dinamarca": ['Copenhague'],
"Emiratos Arabes Unidos": ['Dubai'],
"Escocia": ['Edimburgo'],
"España": ['Asturias', 'Barcelona', 'Bilbao', 'Córdoba', 'Granada', 'Ibiza', 'Madrid', 'Palma de Mallorca', 'Santiago de Compostela', 'Sevilla', 'Torremolinos'],
"Francia": ['ParÃ*s', 'Niza'],
"Grecia": ['Atenas'],
"Inglaterra": ['Londres'],
"Italia": ['Roma'],
"PaÃ*ses Bajos": ['Amsterdam'],
};
SList.scontent = {
"Viena": '<font size="2"><br>AUSTRIA TREND MESSE<a href=" http://www.austria-trend.at/Hotel-Messe-Wien/en/ " target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href=" http://www.tripadvisor.es/Hotel_Review-g190454-d565860-Reviews-Austria_Trend_Hotel_Messe_Wien-Vienna.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a></br><p></p><font size="2">TREND BEIN THERESIANUM<a href=" http://www.austria-trend.at/hotel-beim-theresianum/en/" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.es/Hotel_Review-g190454-d264920-Reviews-Austria_Trend_Hotel_Beim_Theresianum-Vienna.html " target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a><p></p><font size="2">REGINA<a href=" http://www.kremslehnerhotels.at/en/hotel-regina-vienna/ " target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href=" http://www.tripadvisor.es/Hotel_Review-g190454-d228056-Reviews-Hotel_Regina-Vienna.html " target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a></font>',
"Amsterdam": '<font size="2"><br>CASA 400<a href="http://www.hotelcasa400.nl/nl/index.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g188590-d232326-Reviews-Hotel_Casa_400-Amsterdam_North_Holland_Province.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a></br><p></p><font size="2">ALBUS<a href="http://www.albushotel.com/en/index.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g188590-d232328-Reviews-The_Albus-Amsterdam_North_Holland_Province.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a><p></p><font size="2">NH DOELEN<a href="http://www.nh-hoteles.es/nh/es/hoteles/holanda/amsterdam/nh-doelen.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g188590-d229171-Reviews-NH_Doelen-Amsterdam_North_Holland_Province.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a><p></p><font size="2">CONSERVATORIUM<a href="http://www.conservatoriumhotel.com/" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g188590-d2418096-Reviews-Conservatorium_Hotel-Amsterdam_North_Holland_Province.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a><p></p><font size="2">NH KRASNAPOLSKY<a href="http://www.nh-hotels.nl/nh/nl/hotels/nederland/amsterdam/nh-grand-hotel-krasnapolsky.html?nhsubagentid=110095220109&nhagen tid=11009&utm_medium=maps&utm_campaign=googleplace s&utm_source=google" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g188590-d229182-Reviews-NH_Grand_Hotel_Krasnapolsky-Amsterdam_North_Holland_Province.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a><p></p><font size="2">RADISSON BLU<a href="http://www.radissonblu.com/hotel-amsterdam" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g188590-d230875-Reviews-Radisson_Blu_Hotel_Amsterdam-Amsterdam_North_Holland_Province.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a><p></p><font size="2">BW LEIDSE SQUARE<a href="http://www.bestwestern.nl/en/hotels/netherlands/north-holland/amsterdam/leidsesquarehotel" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g188590-d626262-Reviews-BEST_WESTERN_Leidse_Square_Hotel-Amsterdam_North_Holland_Province.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a><p></p></font>',
"Heidelberg": '<font size="2"><br>MARRIOT HEIDELBERG<a href="http://www.marriott.com/hotels/travel/hdbmc-heidelberg-marriott-hotel/ " target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/8/button001.png" width="30" heigh="12" alt="Ver Web del hotel" style="margin-left:10px" align="top"></a><a href="http://www.tripadvisor.com.ar/Hotel_Review-g187286-d239052-Reviews-Marriott_Heidelberg_Hotel-Heidelberg_Baden_Wurttemberg.html" target="_blank"><img src="http://loginnews.com.ar/destefanis-travel/archivos/6/Tripadvisor2.png" width="20" heigh="10" alt="Ver en TripAdvisor" style="margin-left:7px" align="top"></a></br></font>'
};
SList.getSelect = function(slist, option) {
document.getElementById('scontent').innerHTML = '';
if(SList[slist][option]) {
if(slist == 'scontent') document.getElementById('scontent').innerHTML = SList[slist][option];
else if(slist == 'slist2') {
var addata = '<option>Seleccionar...</option>';
for(var i=0; i<SList[slist][option].length; i++) {
addata += '<option value="'+SList[slist][option][i]+'">'+SList[slist][option][i]+'</option>';
}
document.getElementById('slist2').innerHTML = txtsl2+' <select name="slist2" onchange="SList.getSelect(\'scontent\', this.value);">'+addata+'</select>';
}
}
else if(slist == 'slist2') {
document.getElementById('slist2').innerHTML = '';
}
}
--></script>
</div>
</div>
<div STYLE="margin-left: 20px; margin-top: 10px">
<font size="1"><br>
Hoteles sugeridos en diferentes categorÃ*as con excelente relación Precio/Calidad según estadÃ*sticas y opiniones de nuestros pasajeros. <p>Querés recomendarnos un hotel? Envianos un mail a <a href="mailto:
[email protected]">
[email protected]</a> con la web del hotel y podrás verlo dentro de nuestra selección.</p></br></font></div>
</body>
</html>
Como verán, tengo un grave problema.
Mi Javascript terminó siendo gigante. y aún le faltan datos.
Sé que debería trabajar con PHP y MySQL, pero además de ser novato en eso, creo que lo mejor sería dejar el combobox en javascript y colocar en la base de datos los hoteles con sus datos.
Alguien que pueda ayudarme con esto?
Gracias!