Campo select

[Xaolao]

Salve a tutti

vorrei che all'interno di una delle pagine del mio sito fosse presente un campo <select> che in base alla scelta fatta all'interno di tale campo dal visitatore modificasse la pagina facendo comparire al di sotto del campo stesso del codice aggiuntivo;

tanto per essere chiaro, il campo deve contenere tre località e, scegliendone una, dovrebbe apparire la tabellina delle previsioni meteo (quelle ottenibili con il codice fornito dai siti di previsioni meteo famosi).

Ora, inserire il bottone select è facile, ma proprio non sono riuscito a capire come farlo funzionare

Come posso fare?

Grazie

[GI89]

Non ho capito molto bene, comunque prova così:

<script>
function visualizzadiv(opzione){
if(opzione == 1){
document.getElementById('quellochevuoitu').innerHTML = 'selezionato 1';
}else if(opzione == 2){
document.getElementById('quellochevuoitu').innerHTML = 'selezionato 2';
}else if(opzione == 3){
document.getElementById('quellochevuoitu').innerHTML = 'selezionato3';

}
}
</script>

<select name="abc" onchange="visualizzadiv(this.value)">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>

<div id="quellochevuoitu"></div>

[Xaolao]

Funziona, però vorrei che la pagina fosse validata. Il codice che va al posto di "selezionato 1" è del tipo

<iframe src="http://www.3bmeteo.com/moduli_esterni/localita_7_giorni_orario/4074/ffffff/fc9b2a/5e5e5e/ffffff/it" width="382" height="497" frameborder="0"></iframe>
Meteo Milano

e mi viene restituito un errore del tipo

document type does not allow element "iframe" here document type does not allow element "iframe" here

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Hai idea di come possa risolvere?
Grazie

[br1]

Spezza la stringa in modo che il validatore non la interpreti come html

stringa = '<ifr'+'ame src="....'

[Xaolao]

Originariamente inviato da br1
Spezza la stringa in modo che il validatore non la interpreti come html

stringa = '<ifr'+'ame src="....'

Ho spezzato la stringa lettera per lettera, ma mi da errore la presenza del <

StartTag: invalid element name

Altre idee?

[Xaolao]

OK, ho risolto.

se servisse a qualcun altro, basta mettere l'elemento <iframe> esterno al <select> e inserire nella function il comando

document.getElementById('meteo').src

. A questo punto il select gli passa il valore di tale proprietà che fa cambiare la località del meteo.


Grazie ancora per le dritte