[JavaScript] Znikanie opcji wyboru., Znikanie pola wyboru select, po wybraniu. Opcje

[vifus]

Witam, mam taki kod:

[XML] pobierz, plaintext 
 
<select onchange="change(this)">
<option value="0">0</option>
<option value="1">1</option>
 
</select>
<script type="text/javascript" language="javascript">
function change(node)
{
 
    switch(node.selectedIndex)
    {
        case 0:
            document.write("0000");
        break;
 
        case 1:
            document.write("11111");
        break;
 
    }
 
}
</script>
[XML] pobierz, plaintext 

Wszystko jest ok, z tym, że jest taki problem: po wybraniu opcji np. wybieram 1 wypisuje się na ekranie 11111, ale pole wyboru select znika, potrzebuję zrobić, żeby nie znikało - już nie mam pojęcia, co może za to odpowiadać.

Proszę o pomoc i dzięki z góry!


Ten post edytował vifus 9.04.2012, 11:29:46

[lukesh]

Wszystko znika, bo takiego kodu używasz, który kasuje wszystko na stronie i wyświetla 11111.

Zamiast document.write użyj:

[HTML] pobierz, plaintext 
document.getElementById('container').innerHTML = '11111';
[HTML] pobierz, plaintext 

i dodaj do strony div z id "container":

[HTML] pobierz, plaintext 
<div id="container"></div>
[HTML] pobierz, plaintext 

[vifus]

Ok, wszystko działa, dzięki, a jak zrobić, żeby po wejściu na stronę - np. pierwsza opcja jest <option>1</option> i dla 1 przypisany jest tekst: 1111 i trzeba go zaznaczyć najpierw, żeby to się wyświetliło - a jak zrobić, żeby od razu po wejściu na stronę wyświetlał się ten przypisany tekst dla pierwszej opcji ?

@@UP. Poradziłem, jeszcze raz dzięki.

Ten post edytował vifus 9.04.2012, 17:54:34

[adgad]

Witam, to chyba właściwy temat
Mam taki kod:

[HTML] pobierz, plaintext 
<form>
	<select name="wybor">
		<option onclick="document.getElementById('opcja2').style.display='none'; document.getElementById('opcja1').style.display='none'">Jakiś wybór</option>
		<option value="opcja1" onclick="document.getElementById('opcja1').style.display='block'; document.getElementById('opcja2').style.display='none'">Opcja 1</option>
		<option value="opcja2" onclick="document.getElementById('opcja2').style.display='block'; document.getElementById('opcja1').style.display='none'">opcja2</option>
	</select>
	<div id="opcja1" style="display:none;">Wybór opcji1</div>
	<div id="opcja2" style="display:none;">wybór opcji2</div>
</form>
[HTML] pobierz, plaintext 

Problem jest taki że na wszystkich przeglądarkach co mam: ie8, opera 12.01, ff ten kod działa. Problem jest z google chrome. Domyślam się że jest tu problem z kodem, mógłby ktoś podpowiedzieć co tu zmienić żeby chrome akceptował taki kodzik?