nulstille select efter valg
HejsaKodestumpen nedenfor udgør et problem
Koden viser at der er fortages et valg i en af de 2 selects
Når man fortager valget option 1 i boks 1
får man alert \'fra1\'
Når man så fortager valget option 1 i boks 2
får man alert \'fra1til1\'
mao første valg var option 1 i boks1. 2 valg var option1 i boks2
MEN
foretager man nu PÅNY valget option 1 i boks 1
får man IKKE alert \'fra1\'
-Der sker INTET!
Boks1 så at sige \'husker for godt\'
(Det samme gælder self. for boks2)
Hvad skal der til for at \'nulstille\' en select straks efter man har foretaget et valg, sådan at man igen kan foretage netop det samme valg som det foregående?
Den dumme kode:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<SCRIPT TYPE=\"text/javascript\">
<!--
var valgSomStreng=\"\";
function huskFraTil(valgID)
{
if(valgID==1) {firstChoice=true; var list = FormFelter.fra; valgSomStreng=list.options[list.selectedIndex].id; } //afgør hvilken select der er aktiv
if(valgID==2) {sekondChoice=true; var list = FormFelter.til; valgSomStreng=valgSomStreng+list.options[list.selectedIndex].id; }
//alert(list.options[list.selectedIndex].value);
var dimStreng=list.options[list.selectedIndex].value; //udput = ID på div
alert(valgSomStreng); //design. Viser hvilken selekt der tages FRA og hvilken der føres TIL
//list.options[list.selectedIndex].value = null;
}
-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME=\"FormFelter\">
<select SIZE=\"1\" NAME=\"fra\" onchange=\" if(this.selectedIndex>0) {huskFraTil(1) , this.options[this.selectedIndex].value= null}\">
<OPTION OPTION SELECTED VALUE=\"0\">overskrift
<OPTION VALUE=\"Nr 1.1\" ID=\"fra1\">Nr 1
<OPTION VALUE=\"Nr 1.2\" ID=\"fra2\">Nr 2
<OPTION VALUE=\"Nr 1.3\" ID=\"fra3\">Nr 3
</SELECT>
<SELECT SIZE=\"1\" NAME=\"til\" onchange=\"huskFraTil(2), this.options[this.selectedIndex].value= null\">
<OPTION OPTION SELECTED VALUE=\"0\">Overskrift 2
<OPTION VALUE=\"Nr 2.1\" ID=\"til1\">Nr 1
<OPTION VALUE=\"Nr 2.2\" ID=\"til2\">Nr 2
<OPTION VALUE=\"Nr 2.3\" ID=\"til3\">Nr 3
</SELECT>
</FORM>
</BODY>
</HTML>
