webForumDet fria alternativet

Drop down meny ?

5 svar · 399 visningar · startad av Pellefant

PellefantMedlem sedan maj 20022 614 inlägg
#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.

trexter.comMedlem sedan apr. 20021 196 inlägg
#2

Tips: Remote Scripting

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

:)

PellefantMedlem sedan maj 20022 614 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>

solbulleMedlem sedan mars 20014 998 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>
PellefantMedlem sedan maj 20022 614 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*

solbulleMedlem sedan mars 20014 998 inlägg
#6

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

Genererad på 377 ms · cache AV · v20260730165559-full.f96bc7eb