radioknappar, combo-box, onClick

2 svar · 217 visningar · startad av johannaloke 9 maj 2003

johannalokeMedlem sedan apr. 200393 inlägg

9 maj 2003 13:37#1

Behöver hjälp med radioknappar. Efter ett val gjorts vill jag fylla en combobox med värden beroende på vilken radioknapp som valts.

Jag har nedanstående html-kod för radioknapparna:

<FORM METHOD="get" ACTION="person.asp" name="formtag">
<!--P><STRONG>Vad vill du göra?</STRONG></P-->

<%'value är samma som typID i databasen
'onClick="return kontroll() så att sidan laddas om direkt när ett val 
gjorts
'--- det valet som gjordes ska vara markerat och bestämma värdena i Över 
combo-boxen%>

<INPUT id=1 type=radio name=typID value="1" onClick="return kontroll()">Enhet
<INPUT id=2 type=radio name=typID value="2" onClick="return kontroll()">HuvudAvd/fabrik
<INPUT id=3 type=radio name=typID value="3" onClick="return kontroll()">UnderAvd/ansvarsomr
<INPUT id=4 type=radio name=typID value="4" onClick="return kontroll()">Person

och nedanstående kod för kontroll om något matats in:

<script language="javascript">

function kontroll() 
{
     typID = document.formtag.typID.checked //typID som ska skickas med vid omladdning av sidan
			
       //om inget matats in i radioknappsgruppen typID
       if (!document.formtag.typID[0].checked &&  document.formtag.typID[1].checked && !document.formtag.typID[2].checked && !document.formtag.typID[3].checked)
      {
         alert("Du måste fylla i vilken typ som ska ligga över personen"); //ge felmeddelande
        return false;
      }
}
</script>

Vad som är ett stort fel nu är att typID i functionkontroll är null. Någon som ser varför?

Den andra frågan är hur jag efter att jag klickat sätter värden i comboboxen på samma sida? Just nu sätter jag värden i den direkt vet inte om jag måste styra det i någon funktion kanske :q

Det var många frågor på en gång! Hoppas någon kan hjälpa här!
//Johanna

Miss TankeMedlem sedan maj 20035 inlägg

9 maj 2003 14:22#2

Kontrollen har du redan, fungerar den inte?

Detta borde fungera för din option:

<html>
<head>
<script language="JavaScript">
<!--
var ENHET = 0;
var HUVUDAVD = 1;
var UNDERAVD = 2;
var PERSON = 3;

if (document.images) {
alternativ = new Array();
alternativ[ENHET] = new Array(" ab "," cd ");
alternativ[HUVUDAVD] = new Array(" ef "," gh "," ij ");
alternativ[UNDERAVD] = new Array(" kl "," mn ");
alternativ[PERSON] = new Array(" op "," qr ");
}

function update(option) {
if (document.images) {
sel = option.value;
alt = alternativ[sel]

 document.forms\[0\].alternativ.length = 0;

for(i=0;i<alt.length;i++)
document.forms[0].alternativ.options[document.forms[0].alternativ.length] = new Option(alt*,'');
} else {
alert("Byt browser");
}
}
//-->
</script>
</head>
<body>

<form>
<input name="option" type="radio" value="0" onClick="update(this)">Enhet
<input name="option" type="radio" value="1" onClick="update(this)">HuvudAvd/fabrik
<input name="option" type="radio" value="2" onClick="update(this)">UnderAvd/ansvarsomr
<input name="option" type="radio" value="3" onClick="update(this)">Person
<p>
Alternativ:
<select name="alternativ" size=1>
<option>
<option>
<option>
<option>
<option>
</select>

</form>

</body>
</html>*

johannalokeMedlem sedan apr. 200393 inlägg

14 maj 2003 06:52#3

Tack så mycket nu har jag löst det!
//Johanna