webForumDet fria alternativet

Disable <option>

3 svar · 228 visningar · startad av AG

AGMedlem sedan mars 20001 229 inlägg
#1

Skulle vilja göra en <option> knapp ej klickbar. Detta är det översta valet, typ "Välj stad".

Vad är kommandot?

Andreas

Peter SMedlem sedan dec. 20025 484 inlägg
#2

Om du vill förhindra att formuläret skickas med värdet "Välj stad" är väl det enklaste att göra någonting sådant här:

...
<form onsubmit="if(this.elements['foo'].selectedIndex == 0) return false">
<select name="foo">
...

:)

mikkeXMedlem sedan aug. 2002490 inlägg
#3

Om jag förstår dig rätt så menar du en select-lista?

Så om du inte vill skicka datan, föreslår jag att du gör som i föregående svar, men om du bara är ute efter att hindra någon att gör val 1, så har du en kod nedan... (det blir ju inte så användarvänligt precis, men det är svaret på din fråga :-))

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kan inte välja</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function gaTillVal() {
if (document.val.minMeny.selectedIndex == 0) //om första eller andra alternativet väljs skickas inte användaren vidare
{
document.val.minMeny.selectedIndex=1;
}
}
</script>
</head>

<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<form name="val" id="val" method="post" action="">
  <select name="minMeny"onchange="gaTillVal()">
    <option value="0">gå inte välja</option>
    <option value="1">denna kan väljas</option>
    <option value="2">och den här</option>
  </select>
</form>
</body>
</html>
Erik JuhlinMedlem sedan maj 20007 625 inlägg
#4

Flyttas från HTML, XHTML & CSS till JavaScript, DHTML.

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