Åbne nyt vindue ud fra valg i <select> og tryk på knap

ja da,

<select onchange="window.open(this.options[this.selectedIndex].value)">
<option value="www.eksperten.dk>Eksperten
<option value="www.msdn.dk>Microsoft developers
</select>

Neeeej, man skal først klikke på knappen/billedet, før der sker noget!

Tjah, du skal bare huske at indkapsle din <select> boks i en <form> alligevel, ellers dukker den ikke op i nogle browsere.

-------------------------
<script language="JavaScript">
<!--
function popUp(URL,w,h) {
    day = new Date();
    id = day.getTime();
    win_width=w
    win_height=h
    win_left=(screen.availWidth/2)-(w/2)
    win_top=(screen.availHeight/2)-(h/2)
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=1,width="+win_width+",height="+win_height+",left="+win_left+",top="+win_top+"');");
}

//-->
</script>
<form>
<select onchange="popUp(this.options[this.selectedIndex].value,400,200)" size="1">
<option value="side1.htm">side1</option>
<option value="side2.htm">side2</option>
<option value="side3.htm">side3</option>
<option value="side4.htm">side4</option>
</select>
</form>

Og jeg glemte vist også "knappen"...

Men nu har du set, at der slet ingen problemer er med at hente værdien ...

<button onclick="a=this.form.minSelect;window.open(a.options[a.selectedIndex].value)">IMG</button>

-- og så skal onchange på selecften selvfølgelig væk ...

<form>
<select name="c">
<option value="http://www.eksperten.dk">Eksperten</option>
<option value="http://www.msdn.dk2">Microsoft developers</option>
</select><br><br>
<button onclick="window.open(this.form.c.options[this.form.c.selectedIndex].value)">Tag mig</button>
</form>

------------------------
NU med KNAP
-----------------------

<script language="JavaScript">
<!--
function popUp(URL,w,h) {
    day = new Date();
    id = day.getTime();
    win_width=w
    win_height=h
    win_left=(screen.availWidth/2)-(w/2)
    win_top=(screen.availHeight/2)-(h/2)
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=1,width="+win_width+",height="+win_height+",left="+win_left+",top="+win_top+"');");
}

//-->
</script>
<form>
<select name="selectBox" size="1">
<option value="side1.htm">side1</option>
<option value="side2.htm">side2</option>
<option value="side3.htm">side3</option>
<option value="side4.htm">side4</option>
</select>
<input type="button" onclick="popUp(document.forms[0].selectBox.options[document.forms[0].selectBox.selectedIndex].value,400,200)">
</form>

Hvorfor kan jeg bare ikke få fat i min form på den måde?
documents.forms[0] osv... jeg får bare at vide, at det ikke er en gyldig reference..

Hvis du har knappen i samme form er det nemmere at bruge this.form end at bruge document.forms[0] ...

-- og ikke noget s i document ...

Jeg vil lige tillade mig at lægge et svar for kommentaren d. 18/06-2003 14:00:59

Hov - jeg har flere forms på siden.
Så er jeg nødt til at referere direkte til form-navnet, hvordan gør jeg det?

document.formNavn.etEllerAndet ...

eller

document.forms['formNavn']

så længe din vindue-åben-fætter-ting står inde i en form, så kan du vel stadig bruge this.form, den referer vel kun til den form den er "indkapslet" i?

Jeg synes næsten, I begge skal have points - nu virker det :o)