---
title: "Visa olika formulärval!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/139535-visa-olika-formulärval"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "devotion"
published: "2005-12-18T19:41:04.000Z"
updated: "2005-12-19T12:55:10.000Z"
replies: 3
views: 306
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/139535-visa-olika-formulärval"
---

# Visa olika formulärval!

## #1 — devotion, 2005-12-18T19:41Z

Hejsan!  :)

Hur skulle man kunna lösa detta:

Jag vill ha en listmeny med 4 olika val:
Tid
Dag
Vecka 
Månad

När man väljer **Tid** ska fyra textfält visas
startDate, startTime, stopDate, stopTime

Väljs **Dag** ska startDate och stopDate visas Textfält

Väljs **vecka** skall startWeek och stopWeek visas (listmeny)

väljs **Månad** ska startMonth och stopMonth visas (listmeny)

Skulle vara fint om det går!

Mvh
Henrik

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

## #2 — Peter S, 2005-12-18T22:28Z

Hej!  :) 

```
<style>
#startDate  ,
#stopDate   ,
#startTime  ,
#stopTime   ,
#startWeek  ,
#stopWeek   ,
#startMonth ,
#stopMonth  { display: none }
</style>

<script>
// id:n på de element som berörs av visa/dölj-koden
var allIds = ["startDate","stopDate","startTime","stopTime","startWeek","stopWeek","startMonth","stopMonth"];

function f(sel){
  var opts   = sel.options,
      affIds = [];

  // i affIds läggs de id:n som skall visas beroende på menyvalet
  switch (opts[sel.selectedIndex].text){
    case "Tid"  : affIds = ["startDate","stopDate","startTime","stopTime"]; break;
    case "Dag"  : affIds = ["startDate","stopDate"]; break;
    case "Vecka": affIds = ["startWeek","stopWeek"]; break;
    case "Månad": affIds = ["startMonth","stopMonth"]; break;
  }

  for (var i = 0; i < allIds.length; ++i){
    var found = false;

    for (var j = 0; j < affIds.length; ++j){
      if (allIds[i] == affIds[j]){
	found = true;
	break;
      }
    }

    var elm = document.getElementById(allIds[i]);

    if (found){
      elm.style.display = "block";
    } else {
      elm.style.display = "none";
    }
  }
}
</script>

<form>
  <div>
    <select onchange="f(this)">
      <option>--------------</option>
      <option>Tid</option>
      <option>Dag</option>
      <option>Vecka</option>
      <option>Månad</option>
    </select>
  </div>
  <div id="startDate">
    <input name="startDate" value="startDate">
  </div>
  <div id="stopDate">
    <input name="stopDate" value="stopDate">
  </div>
  <div id="startTime">
    <input name="startTime" value="startTime">
  </div>
  <div id="stopTime">
    <input name="stopTime" value="stopTime">
  </div>
  <div id="startWeek">
    <select name="startWeek">
      <option>startWeek</option>
    </select>
  </div>
  <div id="stopWeek">
    <select name="stopWeek">
      <option>stopWeek</option>
    </select>
  </div>
  <div id="startMonth">
    <select name="startMonth">
      <option>startMonth</option>
    </select>
  </div>
  <div id="stopMonth">
    <select name="stopMonth">
      <option>stopMonth</option>
    </select>
  </div>
</form>
```

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

## #3 — devotion, 2005-12-18T22:34Z

Hej!  :)
På första försöket! Fantastiskt! 

Tack som fan!

Mvh
Henrik

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

## #4 — LillKullberg, 2005-12-19T12:55Z

Validering av fält i formulär

Hej
Kan någon hjälpa mig?
Jag har lånat kod till ett formulär med fält för namn, tele, e-post osv, ungefär som nedan. Efterlyser ytterligare validering av fält.
1 Hur gör jag för att kontrollera att det inte förekommer några siffror i ex fältet för namn. Vill att kontrollen skall ske onSubmit.
2 Hur gör jag för att bekräfta för användaren att formuläret är skickat?

function checkFields() {
missinginfo = "";
if (document.kontakt.namn.value == "") {
missinginfo += "\\n - Namn";
}
if (document.kontakt.adress.value == "") {
missinginfo += "\\n - Adress";
}
if ((document.kontakt.email.value == "") \|\| 
(document.kontakt.email.value.indexOf('@') == -1) \|\| 
(document.kontakt.email.value.indexOf('.') == -1)) {
missinginfo += "\\n - Epostadress";
}
if(document.kontakt.meddelande.value == "") {
missinginfo += "\\n - Meddelande";
}
if (missinginfo != "") {
missinginfo ="\____________________________\_\\n" +
"Du har inte fyllt i fälten:\\n" +
missinginfo + "\\n____________________________\_" +
"\\nFyll i de angivna fälten innan du skickar formuläret!";
alert(missinginfo);
return false;
}
else return true;
}

Är inte bra på detta, så enklast möjliga lösning är jag tacksam för!
/Lill

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/139535-visa-olika-formulärval