Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ericsson Berg

Não funciona! If ==

Por , em Javascript

Recommended Posts

Ericsson Berg    2

Ericsson Berg
Postado

Quando utilizo o operador relacional '==', o script não funciona.

 

Só funciona com o '=', mas é atribuição.

function hiddensubtipo(){
       
  if (this.value == "NOVOS"){
      
      alert(this.value);
      document.getElementById('subtipo').style.display = "none";
      document.getElementById('span_subtipo').style.display = "none";
      
  }
}

Outra coisa é quando preciso colocar uma cadeia de if para deixar visivel ou invisivel de acordo com a opção selecionada, mas o script

passa pelos dois. O script tinha q pegar só o valor do onchange e executar, e não passar pelos dois...

function hiddensubtipo(){

if (this.value = "NOVOS"){

alert(this.value);
document.getElementById('subtipo').style.display = "none";
document.getElementById('span_subtipo').style.display = "none";

}
else if (this.value = "USADOS"){

alert(this.value);
document.getElementById('subtipo').style.display = "inline";
document.getElementById('span_subtipo').style.display = "inline";

}
}

<div id='campo_radev_tipo'>
     <SPAN id='span_tipo' >Tipo</SPAN>                
           <select name='tipo' onchange='hiddensubtipo()'>
                <option class='opt' value='NOVOS'>NOVOS</option>
                <option class='opt' value='USADOS'>USADOS</option> 
           </select>
 </div>

Não sei o q tô fazendo errado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marco Bruno    19

Marco Bruno
Postado

Boa tarde, Ericsson.

 

É isso que você esta querendo fazer?

 

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hide and Show</title>

  <link rel="stylesheet" href="style/hideAndShow.css">
</head>
<body>
  <form>
    <label for="type">Type:</label>
    <select id="type">
      <option value="new">New</option>
      <option value="used">Used</option>
    </select>

    <label id="labelSubType" for="subType">Sub type:</label>
    <select id="subType">
      <option value="first">First</option>
      <option value="second">Second</option>
      <option value="last">Last</option>
    </select>

    <input type="submit" value="Send">
  </form>

  <script src="script/hideAndShow.js"></script>
</body>
</html>

JavaScript (hideAndShow.js)

(function () {
  'use strict';

  var $type = document.getElementById('type');
  var $labelSubType = document.getElementById('labelSubType');
  var $subType = document.getElementById('subType');

  $type.addEventListener('change', function () {
    var value = this.value;

    if (value == 'new') {
      $labelSubType.classList.remove('isDisabled');
      $subType.classList.remove('isDisabled');
    };
    if (value == 'used') {
      $labelSubType.classList.add('isDisabled');
      $subType.classList.add('isDisabled');
    };
  });
})();

CSS (hideAndShow.css)

.isDisabled {
  display: none;
}

Se não for isso avisa. :-)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito