Søg
Avatar billede dotcom1 Nybegynder
23. februar 2012 - 11:13 Der er 11 kommentarer og
1 løsning

Skjule én bestemt <option>

Hej.

Jeg har denne select:

<form name="search" id="myform" action="/index.html" method="post" id="level_search">
    <select size="1" name="searchselect" class="selectme" onchange="window.open(this.options[this.selectedIndex].value,'_self')">
    <option value="/?iso=dk&search_btn=true&search_job_level=xxxx">- Alle områder -</option>
      <option value="/?iso=dk&search_btn=true&search_job_level=30538"> Nedenstående skal ikke bruges!</option>
              <option value="/?iso=dk&search_btn=true&search_job_level=30539">Option 1</option>
              <option value="/?iso=dk&search_btn=true&search_job_level=30540" selected="selected">Option 2</option>
              <option value="/?iso=dk&search_btn=true&search_job_level=30552">Option 3</option>
              <option value="/?iso=dk&search_btn=true&search_job_level=32265">Option 4</option>
              <option value="/?iso=dk&search_btn=true&search_job_level=32267">Option 5</option>
              <option value="/?iso=dk&search_btn=true&search_job_level=32269">Option 6</option>
            </select>
</form>


Option nummer to:

<option value="/?iso=dk&search_btn=true&search_job_level=30538"> Nedenstående skal ikke bruges!</option>

- vil jeg gerne skjule. Hvordan kan man nemmest gøre det? Med noget innerHTML.replace, eller? (Har ikke mulighed for at gøre det serverside.)

Den vil altid have den tekst og value.

Mvh.
Avatar billede olebole Juniormester
23. februar 2012 - 11:17 #1
<ole>

var elmSel = document.getElementById("myform");
elmSel.getElementsByTagName("option")[1].style.display = "none";

/mvh
</bole>
Avatar billede olebole Juniormester
23. februar 2012 - 11:22 #2
- eller:

var elmSel = document.getElementById("myform"),
colOpts = elmSel.getElementsByTagName("option"),
sVal = "/?iso=dk&search_btn=true&search_job_level=30538";

for (var i=0,j=colOpts.length; i<j; i++) {
    if (colOpts[i]===sVal) {
        colOpts[i].style.display = "none";
        break;
    }
}
Avatar billede olebole Juniormester
23. februar 2012 - 11:23 #3
Vrøvl, Ole!

if (colOpts[i].value===sVal) {
Avatar billede olebole Juniormester
23. februar 2012 - 11:26 #4
- og som funktion:

function hideOptByVal(sVal) {
    var elmSel = document.getElementById("myform"),
    colOpts = elmSel.getElementsByTagName("option");
   
    for (var i=0,j=colOpts.length; i<j; i++) {
        if (colOpts[i]===sVal) {
            colOpts[i].style.display = "none";
            break;
        }
    }
}

hideOptByVal("/?iso=dk&search_btn=true&search_job_level=30538");
Avatar billede olebole Juniormester
23. februar 2012 - 11:27 #5
Copy/Paste-trolden driller vist! Du retter lige linjen i #3 igen  *D
Avatar billede olebole Juniormester
23. februar 2012 - 11:37 #6
Det skal lige siges, at den gemte OPTION jo stadig findes i SELECT'ens collection - den er blot ikke synlig. Du kan i stedet fjerne den permanent ved at udskifte:

colOpts[i].style.display = "none";

- med:

elmSel.removeChild(colOpts[i]);
Avatar billede dotcom1 Nybegynder
23. februar 2012 - 11:55 #7
Hej Ole.

Jeg er i sikre hænder, kan jeg se. :)

Jeg har brugt denne version:
<script type="text/javascript">
function hideOptByVal(sVal) {
    var elmSel = document.getElementById("myform"),
    colOpts = elmSel.getElementsByTagName("option");
 
    for (var i=0,j=colOpts.length; i<j; i++) {
        if (colOpts[i].value===sVal) {
            colOpts[i].style.display = "none";
            break;
        }
    }
}

hideOptByVal("/?iso=dk&search_btn=true&search_job_level=30538");
</script>


- skal den køres ved body onload="hideOptByVal()"?
Avatar billede dotcom1 Nybegynder
23. februar 2012 - 12:05 #8
Arh, jeg fik det til at virke. Tusind tak. :)
Går ud fra at du ikke vil have points...?
Avatar billede olebole Juniormester
23. februar 2012 - 12:06 #9
Ja, du må køre den lige, når du har brug for det. På onload, ved klik på en knap, eller hvad din saftige fantasi kan komme på af obskure situationer  =)
Avatar billede olebole Juniormester
23. februar 2012 - 12:07 #10
Selvtak - og du har helt ret. Du lægge bare selv et svar og accepterer det  =)
Avatar billede olebole Juniormester
23. februar 2012 - 12:08 #11
- og mine slave- og ståfajl er også helt gratis  :D
Avatar billede dotcom1 Nybegynder
23. februar 2012 - 12:15 #12
Hehe, glimragende. :-)
Takker og bukker.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 23:03 Problem med opdatering fra 23h2 Af valby i Windows
23/1014:00 der kan ikke opnås forbindelse til nas Af casablanca i Servere
23/1002:16 Rensning af database med CCleaner Af Prevo i Andet software
21/1019:42 Har Messenger ændrer sig ? Af Ikke-ekspert i Chat & Messaging
21/1013:49 Vi kunne ikke installere denne opdatering, men du kan prøve igen (0x800f0991). Af Wombat i Windows
White papers
Flere white papers »