Kolla att ett val gjorts

Hej!

Jag har en dropdownmeny med olika val.

<select name="EXTRAINFO">
<option selected name="INGET">välj!</option>
<option value="Val 1">Val 1</option>
<option value="Val 2">Val 2</option>
<option value="Val 3">Val 3</option>
</select>

Till menyn skulle jag vilja ha en funktion kopplad så att en alert poppar upp om inget val gjorts.

Skicka-knappen ser ut så här:

  <input name="Submit" type="submit" onClick="AddOne(this.form); history.go()"  value="L&auml;gg till"

Du kan kolla value för valet så här:

if (document.frm.EXTRAINFO.options[document.frm.EXTRAINFO.selectedIndex].value == "INGET")

Dock måste den ha value="INGET" istället för name="INGET". Smartast är väl att göra den kontrollen i onSubmit.

Ja, eller bara ta bort name.

<script type="text/javascript">
<!--
function valid(){
if(document.foo.EXTRAINFO.options[document.foo.EXTRAINFO.selectedIndex].value==''){
alert("Fyll i något!");
return false;
 }
 return true;
}
//-->
</script>
<form name="foo" onSubmit="return valid()">
<select name="EXTRAINFO">
<option selected>välj!</option>
<option value="Val 1">Val 1</option>
<option value="Val 2">Val 2</option>
<option value="Val 3">Val 3</option>
</select>
<input type="submit" name="submit" value="Skicka!">
</form>

Inte så lyckat eftersom att om man inte har något value så tar den text i stället. Så value i det här fallet blir "välj!".

Det var snabbt! Tack för hjälpen! :)

Erik Juhlin skrev:

Inte så lyckat eftersom att om man inte har något value så tar den text i stället. Så value i det här fallet blir "välj!".

Skickar du formuläret så blir det ju så men blir det verkligen så om man skriver: ..AINFO.selectedIndex].value ?