Comando <select> com o if dando erro

bruno_hsf · Outubro 18, 2018

Galera, to testando o comando <select> mas ta dando erro dentro da condição "if" na function do javascript.

Independente do que eu seleciono, sempre aparece a opção 2 (regular) quando eu clico no botão e a caixa muda para regular também.

Segue o código

<head>
	<title>Exemplo select</title>
	
<script type="text/javascript">
function dimePropiedades(){
	if (form.miSelect.selectedIndex = 0) {
		document.form.texto.value = "Muito Ruim";
	}else if (form.miSelect.selectedIndex = 1) {
		document.form.texto.value = "Regular";
	}else if (form.miSelect.selectedIndex = 2) {
		document.form.texto.value = "Muito Ruim";
	}
}

</script>

</head>

<body>

<form name="form" >
Valoração sobre este web site:
<select name="miSelect" id="miSelect">
<option value="10">Muito boa
<option value="11" selected>Regular
<option value="12">Muito ruim
</select>
<br>
<br>
<input type=button value="Opinião" onclick="dimePropiedades()">
<br><br>
<font face="arial, verdana, helvetica"><b>Texto</b></font><input type="Text" name="texto" value="" size="12">
</form>

</body>
</html>

valeu!

wanderval · Outubro 21, 2018

o problema era que você não estava fazendo a comparação dentro do if corretamente, você estava fazendo atribuição.

erro:

function dimePropiedades(){

  // atribui 0 a selectedIndex 0 é false vai para o else if 
  // atribui um 1 é verdadeiro por isso sempre cai no Regular
  if (form.miSelect.selectedIndex = 0) {
  	document.form.texto.value = "Muito Ruim";

  }else if (form.miSelect.selectedIndex = 1) {
  	document.form.texto.value = "Regular";

  }else if (form.miSelect.selectedIndex = 2) {
  	document.form.texto.value = "Muito Ruim";
  }
}

correção:

function dimePropiedades(){
  if (form.miSelect.selectedIndex === 0){
    document.form.texto.value = "Muito Boa";

  }else if (form.miSelect.selectedIndex === 1){
    document.form.texto.value = "Regular";

  }else if (form.miSelect.selectedIndex === 2){
    document.form.texto.value = "Muito Ruim";
  }
}