onChange zonder submit

[Kawa]

Is het mogelijk om een geselecteerde optie naar een java functie te sturen zonder dat de pagina gesubmit wordt? In onderstaand script wordt bij keuze "blaat1" een document.write uitgevoerd, maar ben dan de rest van de html kwijt
mijn doel is dat bij een keuze opties zichtbaar worden, danwel verdwijnen in het totale form.

Iemand enig idee?

HTML:

<FORM NAME="form" ACTION="nvt.asp" METHOD="POST">
<SELECT NAME="select" SIZE="1" onChange="isSelected()">
    <OPTION VALUE="" SELECTED>- Kies iets -</OPTION>
    <OPTION VALUE="1">blaat1</OPTION>
    <OPTION VALUE="2">blaat2</OPTION>
    <OPTION VALUE="3">blaat3</OPTION>
    <OPTION VALUE="12">Other...</OPTION>

</SELECT>
</FORM>
<script language="javascript">
function isSelected(){
with (document.form.select){
    
    var selected = options[selectedIndex].value;
    if (selected == 1)
    {   
    document.write('blaat1 geselecteerd');
    }
      }
}
</script>

[mulder]

laat die functie eens false returnen

[r0bert]

Andere variabelen en namen voor je veld nemen

edit:
document.write() kan natuurlijk niet nadat het document al geladen is .. innerHTML/innerText instead..

[RM-rf]

een document.write() genereert an sich al direct een nieuwe pagina, hij impliceert een document.open() en erna een document.close().

als je dynamisch de content van een element wil aanpassen kun je innerText gebruiken, of innerHTML:

code:

<FORM NAME="form" ACTION="nvt.asp" METHOD="POST">
<SELECT NAME="select" SIZE="1" onChange="isSelected()">
    <OPTION VALUE="" SELECTED>- Kies iets -</OPTION>
    <OPTION VALUE="1">blaat1</OPTION>
    <OPTION VALUE="2">blaat2</OPTION>
    <OPTION VALUE="3">blaat3</OPTION>
    <OPTION VALUE="12">Other...</OPTION>

</SELECT>
</FORM>
<span id="targetElement">hier komt je tekst</span>
<script language="javascript">
function isSelected(){
with (document.form.select){
    
    var selected = options[selectedIndex].value;
    if (selected == 1)
    {    
    document.getElementById('targetElement').innerText = 'blaat1 geselecteerd';
    }
      }
}
</script>

overigens kun je ook doen:

code:

with (document.form.select){
       document.getElementById('targetElement').innerText =  options[selectedIndex].text+' geselecteerd';
}

[Kawa]

RM-rf schreef op 11 November 2002 @ 15:15 de oplossing voor mijn probleem

mijn dank is enorm
ook voor andere reacties hoor