funzione per confrontare due select

**activ** · 13-10-2007, 20:06

ciao

ho fatto questa piccola funzioncina per controllare il contenuto di due select html...

codice:

var prezzoda = document.ricerca.prezzoda.selectedIndex;
var prezzoa = document.ricerca.prezzoa.selectedIndex;
  if((prezzoda >= prezzoa)){
    alert("incocruenza nel prezzo, controllare");
    document.ricerca.prezzoda.focus();
    return false;
}

l'errore che mi da è 'proprietà o metodo non supportati'

dov'è l'errore?

grazie

**cavicchiandrea** · 13-10-2007, 20:23

codice:

var prezzoda = document.ricerca.prezzoda.options[document.ricerca.prezzoda.selectedIndex].value;
var prezzoa = document.ricerca.prezzoa.options[document.ricerca.prezzoa.selectedIndex].value;

oltre a mancare il valore (value) la sintassi non era corretta.

**activ** · 13-10-2007, 21:07

continua a darmi lo stesso errore

**cavicchiandrea** · 13-10-2007, 22:22

Posta la pagina come la riceve il browser cioè html. Con che browser da l'errore? E che versione è?

**activ** · 14-10-2007, 09:30

il browser è IE 7, ma anche con FF 2 non va....

ecco il codice:

codice:

<script type="text/javascript">
function ricerca(){
	var prezzoda = document.ricerca.prezzoda.options[document.ricerca.prezzoda.selectedIndex].value;
	var prezzoa = document.ricerca.prezzoa.options[document.ricerca.prezzoa.selectedIndex].value;
	if((prezzoda >= prezzoa)){
		alert("incongruenza nel prezzo, controllare");
		document.ricerca.prezzoda.focus();
		return false;
	}
	else{
		document.ricerca.action = "vedi.php";
		document.ricerca.submit();
	}
}
</script>

<form name="ricerca" action="" method="post">
  <select name="prezzoda" style="width:165px">
    <option value="">Prezzo da...</option>
    <option value='0'>0</option>
    <option value='80'>80</option>
    <option value='120'>120</option>
    <option value='130'>130</option>
    <option value='340'>340</option>
    <option value='450'>450</option>
  </select>

  <select name="prezzoa" style="width:165px">
    <option value="">Prezzo a...</option>
    <option value='0'>0</option>
    <option value='80'>80</option>
    <option value='120'>120</option>
    <option value='130'>130</option>
    <option value='340'>340</option>
    <option value='450'>450</option>
    <option value='130000'>130.000</option>
    <option value='140000'>140.000</option>
    <option value='290000'>290.000</option>
  </select>

<input type="button" name="button" value=" cerca " class="bottoni" onClick="ricerca();" />
</form>

dove c'è l'errore?
grazie comunque per l'interessamento

**cavicchiandrea** · 14-10-2007, 19:50

codice:

<!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>

<script language="javascript" type="text/javascript">
function Controlla(){
	var prezzoda = document.ricerca.prezzoda.options[document.ricerca.prezzoda.selectedIndex];
	var prezzoa = document.ricerca.prezzoa.options[document.ricerca.prezzoa.selectedIndex];
	if(document.ricerca.prezzoda.selectedIndex == 0 || document.ricerca.prezzoa.selectedIndex == 0){alert("Seleziona da.. a....")}
	else if((parseInt(prezzoda.value) >= parseInt(prezzoa.value))){
		alert("incongruenza nel prezzo, controllare");
		document.ricerca.prezzoda.focus();
		return false;
	}
	else{
		document.ricerca.action = "vedi.php";
		document.ricerca.submit();
	}
}
</script>

</head>
<body >
<form name="ricerca" action="" method="post">
  <select name="prezzoda" style="width:165px">
    <option value="">Prezzo da...</option>
    <option value='0'>0</option>
    <option value='80'>80</option>
    <option value='120'>120</option>
    <option value='130'>130</option>
    <option value='340'>340</option>
    <option value='450'>450</option>
  </select>

  <select name="prezzoa" style="width:165px">
    <option value="">Prezzo a...</option>
    <option value='0'>0</option>
    <option value='80'>80</option>
    <option value='120'>120</option>
    <option value='130'>130</option>
    <option value='340'>340</option>
    <option value='450'>450</option>
    <option value='130000'>130.000</option>
    <option value='140000'>140.000</option>
    <option value='290000'>290.000</option>
  </select>

<input type="button" name="button" value=" cerca " class="bottoni" onclick="Controlla();" />
</form>
</body>
</html>

Cosi funziona avevi chiamato sia il form che la funzione ricerca, ho anche aggiunto parseInt per controllare che sia un numero.

**activ** · 14-10-2007, 20:13

è perfetta

grazie davvero tanto

javascript è fantastico

Discussione: funzione per confrontare due select

Strumenti discussione

Ricerca discussione

Visualizza

funzione per confrontare due select

Permessi di invio