webForumDet fria alternativet
Logga in / Bli medlem

Drop down meny ?

JavaScript

5 svar · 399 visningar · startad av Pellefant

Medlem sedan maj 20023 372 inlägg
Trådstart#1

Hej!

Angåede denna: http://www20.brinkster.com/kursbok/sok.asp

Jag skulle vilja göra så att dropdownmenyn har även ämne(utöver som nu titel, författare och isbn), och om man väljer ämne så ändras textfältet som är till höger till ännu en dropdownmeny med de aktuella ämnen som man kan välja bland? (och sen om man väljer tex titel igen så blir det ett textfält igen)

Löser det gärna med Javascript eller ASP.

Tacksam för hjälp, råd.

Medlem sedan apr. 20021 203 inlägg
#2

Tips: Remote Scripting

Använd JavaScript och ASP för att köra kod från klienten på servern.

:)

Medlem sedan maj 20023 372 inlägg
#3

Hm...förstår inte riktigt svaret? :(

Såhär borde koden ut på ett ungefär(inte komplett). Kruxet är alltså att beronde på vad som väljs i dropdown menyn, så ska ännu en dropdownmeny visas, eller en textruta.

Svårt. :(

<Form>

<select type="text" size=1 name="val">
<option value='Forfattare'>Författare</option>
<option value='Titel'>Titel</option>
<option value='ISBN'>ISBN</option>
</select>

<select type="text" size=1 name="ord"> (om ämne)
<option value='Biologi'>Biologi</option>
<option value='Datavetenskap'>Datavetenskap</option>
<option value='Ekonomisk historia'>Ekonomisk historia</option>
</select>

<INPUT TYPE="text" NAME="ord" type="text" size=30 > (om titel, författare eller isbn))

<INPUT TYPE="submit" value=" Sök " type="text" >

</Form>

Medlem sedan mars 20015 287 inlägg
#4

En variant är att använda sig av lager och divs(?)
Inte perfekt eftersom att alla fält visas nöär sidan laddas, men kanske ett uppslag?

<html>
<script language=javascript>
<!--

function toggla(section){
var hide = document.Formen.val
  if ( hide[hide.selectedIndex].value == "Forfattare" )  {
    eval("textruta.style.display='block'");
    eval("selectlista.style.display='none'");
  }
  else  {
    eval("textruta.style.display='none'");
    eval("selectlista.style.display='block'");
  }
}
// -->

</script>
</body>
 
<Form  name="Formen"> 
<select type="text" size=1 name="val" onchange=toggla('document.Formen.val.selectedIndex.value')> 
<option value='Forfattare'>Författare</option> 
<option value='Titel'>Titel</option> 
<option value='ISBN'>ISBN</option> 
</select> 
<br>

<span id="selectlista"><select type="text" size=1 name="ord">
<option value='Biologi'>Biologi</option> 
<option value='Datavetenskap'>Datavetenskap</option> 
<option value='Ekonomisk historia'>Ekonomisk historia</option> 
</select> 
<br></span>
<span id="textruta"><INPUT TYPE="text" NAME="ord" type="text" size=30 ></span> 

<INPUT TYPE="submit" value=" Sök " type="text" > 

</Form>
</body>
</html>
Medlem sedan maj 20023 372 inlägg
#5

Hej solbulle!

Tänkte bara tacka så hemskt mycket för hjälpen. :)

Håller då och då på att fundera över hur jag ska lösa skönhetsfelet som uppkommer i början, och det fixar jag nog snart själv, med hjälp av ASP. :) (förmodligen något i stil med att dölja den ena vid inladdningen, sedan sist på sidan ge en variabel ett värde, eller en session på ngt sätt, jag kommer att fixa det snart känns det som. :) *glad*

Medlem sedan mars 20015 287 inlägg
#6

<body onload=selectlista.style.display='none'>

399 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
127 ms — deklarationer (db)
127 ms — hämta statistik (db)
142 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)