---
title: "Selectbox + skriva ut"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/88155-selectbox-skriva-ut"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Asa"
published: "2003-10-10T10:39:05.000Z"
updated: "2003-10-10T23:46:11.000Z"
replies: 11
views: 295
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/88155-selectbox-skriva-ut"
---

# Selectbox + skriva ut

## #1 — Asa, 2003-10-10T10:39Z

Har en selectbox med datum och vill nu när man väljer ett datum skriva ut det på ett ställe på sidan! Texten ska ändras till den man väljer i selectrutan när man väljer i selectrutan.

Permalänk: https://www.webforum.nu/p/88155

## #2 — Jojoxx, 2003-10-10T10:41Z

I select-elementet lägger du till:

```
onChange="document.getElementById('here').innerHTML=this[this.selectedIndex].value;"
```

och på det ställe på sidan där texten skall hamna:

```
<span id="here"></span>
```

Permalänk: https://www.webforum.nu/p/1181366

## #3 — Asa, 2003-10-10T10:43Z

Okej :)
Kan man göra om denna så bara datumet följer med i onchange?!

```
<select name="WeekDate" style="width:100%;" onChange="parent.lunch.location.href=this.options[this.selectedIndex].value;document.getElementById('here').innerHTML=this[this.selectedIndex].value;">
  <option value="lunch_view.asp">-- Välj datum --</option>
  <%firstday = Year(Now) & "-" & Month(Now) & "-01"
  fweek = datepart("ww", now)
  If fweek > 1 Then
     startday = DateAdd("d",8-weekday(firstday,vbmonday),firstday)
  Else
     startday = DateAdd("d",-6-weekday(firstday,vbmonday),firstday)
  End if

  startday = dateadd("ww",weekno,startday)
  For d = startday To startday + 4%>
    <option value="lunch_view.asp?search=datum&datum=<%=d%>"><%=UCase(Left(WeekDayName(WeekDay(d)),1)) & LCase(Mid(WeekDayName(WeekDay(d)),2))%> (<%=day(d)%>/<%=Month(Now)%>)</option>
  <%Next%>
</select>
```

Permalänk: https://www.webforum.nu/p/1181368

## #4 — Jojoxx, 2003-10-10T10:53Z

Prova med:

```
onChange="document.getElementById('here').innerHTML=this[this.selectedIndex].value.split('datum=')[1];"
```

eller:

```
onChange="document.getElementById('here').innerHTML=this[this.selectedIndex].text;"
```

om du hellre vill ha listvalets text.

Permalänk: https://www.webforum.nu/p/1181380

## #5 — Asa, 2003-10-10T10:57Z

Det övre kör jag på och det funkade fint!

Permalänk: https://www.webforum.nu/p/1181383

## #6 — Asa, 2003-10-10T14:17Z

Men om jag vill att dagens datum ska stå vid span när sidan laddas. Hur skriver jag då?

Och går det att göra om datumet till fredag 10 oktober istället för 2003-10-10. Värdet måste fortfarande vara 2003-10-10 i värdena i selectrutan.

Sen i min selectlista har jag en tom och när jag väljer den står det ju undefined. Hur fixar jag det oxå?

Permalänk: https://www.webforum.nu/p/1181574

## #7 — Jojoxx, 2003-10-10T15:10Z

Så här exempelvis. Lägg till:

```
<script type="text/javascript">
var days=["söndag","måndag","tisdag","onsdag","torsdag","fredag","lördag"];
var months=["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"];
function showDate(str){
	if(str){
		var d=(str=="now")?new Date():new Date(str.split("-")[0],parseInt(str.split("-")[1])-1,str.split("-")[2]);
	}
	document.getElementById('here').innerHTML=(str)?days[d.getDay()]+" "+d.getDate()+" "+months[d.getMonth()]:"";
}
window.onload=function(){ showDate("now"); }
</script>
```

och ändra:

```
onChange="showDate(this[this.selectedIndex].value.split('datum=')[1]);"
```

Permalänk: https://www.webforum.nu/p/1181632

## #8 — Asa, 2003-10-10T15:12Z

Supertack! Funkade utmärkt bra.

Permalänk: https://www.webforum.nu/p/1181634

## #9 — Jojoxx, 2003-10-10T15:14Z

Så bra :)

Permalänk: https://www.webforum.nu/p/1181636

## #10 — Asa, 2003-10-10T22:29Z

Om jag bara vill ha så måndag till fredag finns med i koden du skrev och när det blir lördag så visas måndagens datum nästa vecka istället. Hur skulle koden då se ut?

Permalänk: https://www.webforum.nu/p/1181870

## #11 — Jojoxx, 2003-10-10T23:04Z

På raden efter **var d=...** lägger du till:

```
d=(d.getDay()==6)?new Date(d.getTime()+172800000):d;
d=(d.getDay()==0)?new Date(d.getTime()+86400000):d;
```

Permalänk: https://www.webforum.nu/p/1181880

## #12 — Asa, 2003-10-10T23:46Z

Återigen tack :)

Permalänk: https://www.webforum.nu/p/1181886

---

Tråden på webben: https://www.webforum.nu/amne/javascript/88155-selectbox-skriva-ut