Jump to content
Tony Junior

Mudar select ao clicar no checkbox

Recommended Posts

Olá, estou com seguinte problema:

gostaria de alterar os atributos do select ao clicar em um checkbox usando javascript, exemplo:

 

 <input type="checkbox" name="f" value="titulacao"> Orientadora<br>
 

<select name="titulacao" >

<option value="prof >Graduado</option>
  <option value="prof Esp">Especialista</option>
  <option value="prof Me">Mestre</option>
  <option value="prof Dr">Doutor</option>  
</select>

 

alterar para

 

<select>

<option value="profa >Graduado</option>
  <option value="profa Esp">Especialista</option>
  <option value="profa Ma">Mestre</option>
  <option value="profa Dra">Doutora</option>  

</select>

 

 

Desde já grato se alguem puder ajudar.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By spyryt
      Amigos preciso validar este meu formulario, de forma que ele so envie os dados se o numero do cartão seja valido.
       

                          <form id="updateCreditCard" action="index4.php" method="post">                        
                              <fieldset style="border: none">
                                  
                              
                                  
                          
      <div class="divBlock">
                                      
              <div class="divBlock">
                                      <label for="Numbercpf">CPF *</label>
                                      <input required="required" type="text" name="cpf" id="cpf" maxlength="14" > 
               
                                  </div>
                                <div class="divBlock">
                                  <label for="cartao">Numero do Cartão *</label>
                                  <input type="text" id="holderName" maxlength="19" 
         name="cartao">
                                </div>
                                  
                              
                                  </div>
                                  <div class="btn-container">
                                      <button  onKeyPress="" class="sendUpdating">Continuar</button>
                                  </div>
    • By renan mafra
      Eu tenho 2 arquivos CSS externos que contém backgrounds da página.
      Em 1 só tem links para imagens .webP e em outro somente .PNG , eu estou usando um script para detectar se o browser aceita .webP e caso afirmativo ele altera o link CSS externo em HEAD para o css externo com .webP, por padrão inicialmente ele aponta para o .png, testei numa página mais simples e deu ok, mas na hora de colocar aonde quero não funcionou, segue o código:
      No HEAD:
       
      <link href="‪arquivos_css/png.css" rel="stylesheet" id="key">
       
      No JS:
       
       
      ////////////////////////////////////////////////////////////// // FUNÇÃO QUE CRIA O LINK EXTERNO CSS PARA INSERIR NO HEAD // OK// ////////////////////////////////////////////////////////////// function loadCSS(url){ var link = document.createElement('link'); link.setAttribute('href', url ); link.setAttribute('rel', "stylesheet" ); link.setAttribute('id', "key" ); var para = document.getElementsByTagName('head')[0]; //Nó pai HEAD var velho = document.getElementById('key'); //local exato do elemento a ser substituido para.replaceChild(link, velho); //Substituímos o velho pelo novo(link) } ////////////////////////////// Chamada à função do webP ///////////////////////////// WebpIsSupported(function(isSupported){ if(isSupported){ //CHAMA A FUNÇÃO LOADCSS e carrega o link CSS externo com WEBP loadCSS('arquivos_css/webp.css'); } }); ////////////////////////////////////////////////////////////// // FUNÇÃO QUE DETECTA A COMPATIBILIDADE DO BROWSER COM WEBP // ////////////////////////////////////////////////////////////// function WebpIsSupported(callback){ if(!window.createImageBitmap){ callback(false); return; } var webpdata = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA='; fetch(webpdata).then(function(response){ return response.blob(); }).then(function(blob){ createImageBitmap(blob).then(function(){ callback(true); }, function(){ callback(false); }); }); } O erro que está dando no chrome é esse: Failed to load resource: net::ERR_FILE_NOT_FOUND
      já mudei na função loadCSS o endreço dos arquivos de loadCSS('arquivos_css/webp.css'); para loadCSS('/arquivos_css/webp.css');
       
      e não funciona....
       
      o arquivo CSS externo contém backgrounds dentro do seletor HTML
      tipo :
       
      html {
            background-image.....(1);
            background-image.....(2);
            background-image.....(3);
           etc 
      }
      eu vou no elements do chome e está lá no HEAD conforme quero mas não carrega na página e dá este erro no console. –
      o que pode estar acontecendo ? ?
       
       
       
       
    • By Marcos PP
      Preciso colocar a o atributo fadeIN e fadeOut em uma lista de acordo com o numero que o usuário clicar.
      Porem não estou conseguindo formular a função do script para isso
      No id #RESPOSTA tenho os números 1 - 5 - 10 - 20 - 30 - 40 - 50 - 100 - 200 - 300
      O que estou tentando e ao clicar na resposta 10 por exemplo, Todos os resultados da lista maiores que 10 sumam
      e logo depois se eu clicar em 50, permaneça os abaixo de 10 e apareça os ID's ate 50

      Como se fosse um filtro, clico em 10, só aparece os de 1 ate 10, clico em 50, so aparece os entre 1 ate 50 e assim por diante.

      Porem dinamicamente, so adicionando fadeOut e fadeIn
    • By turfeaugusto2
      ola sou novo no forum.
      e novo em programaçao
      gostaria da ajuda pra saber como trocar imagens de divs diferentes,pois uma estra trocando a imagem da outra
      e ja´tentei de tudo pra consertar..agradeço muito pela ajuda
       
       
      <!DOCTYPE html>
      <html lang="en" dir="ltr">
        <head>
        <style>
        
        *{margin:0;padding:0;}

      .container{display:flex;justify-content:space-evenly;flex-wrap:wrap;background:#6ab04c;}
      .card img{width:100%}
      .price {position:absolute;margin:10px 220px;color: #6ab04c;font-size: 20px;}
      .card{width:260px;height:350px;justify-content:center;background:#fff;margin:5px}
      .nav{display:flex;align-items:center;justify-content:center}
      .nav img{display:flex-row;width:80px;height:52px;margin:2px;border: 1px solid #ddd;}
        .name{
        text-transform: uppercase;
        font-size: 20px;
        color: #333;
      }
      .btn{
       display:flex;justify-content:center;padding:5px;
        background: #6ab04c;
        text-align: center;
        color: #fff;
        
      transition: 0.3s;}
      .dis{
          margin:0 0 10px;
        font-size: 16px;
      opacity: 0.7;}
      .product-info{
        padding: 20px;background:silver;
      }
      .btn:hover{
        background: #333;
      }
      </style>
          <meta charset="utf-8">
          <title></title>
          <link rel="stylesheet" href="style.css">
        </head>
        <body>
        <div class="container">
      <div class="card">
        <div class="top-section">
          <div class="price">$80</div><img id="image-container" src="1.png" alt="">
          <div class="nav">
            <img onclick="change_img(this)" src="1.png" alt="">
            <img onclick="change_img(this)" src="2.png" alt="">
            <img onclick="change_img(this)" src="3.png" alt="">
          </div>
          
        </div>
        <div class="product-info">
          <div class="name">Sanglasses</div>
          <div class="dis">Awesome Men Sanglasses</div>
          <a class="btn" href="#">Add to Cart</a>
        </div>
      </div>
      <div class="card">
        <div class="top-section">
          <div class="price">$80</div><img id="image-container" src="1.png" alt="">
          <div class="nav">
            <img onclick="change_img(this)" src="1.png" alt="">
            <img onclick="change_img(this)" src="2.png" alt="">
            <img onclick="change_img(this)" src="3.png" alt="">
          </div>
          
        </div>
        <div class="product-info">
          <div class="name">Sanglasses</div>
          <div class="dis">Awesome Men Sanglasses</div>
          <a class="btn" href="#">Add to Cart</a>
        </div>
      </div>
      <div class="card">
        <div class="top-section">
          <div class="price">$80</div><img id="image-container" src="1.png" alt="">
          <div class="nav">
            <img onclick="change_img(this)" src="1.png" alt="">
            <img onclick="change_img(this)" src="2.png" alt="">
            <img onclick="change_img(this)" src="3.png" alt="">
          </div>
          
        </div>
        <div class="product-info">
          <div class="name">Sanglasses</div>
          <div class="dis">Awesome Men Sanglasses</div>
          <a class="btn" href="#">Add to Cart</a>
        </div>
      </div>
      </div>
        <script type="text/javascript">
          var container = document.getElementById("image-container");
          function change_img(image) {
            container.src = image.src;
          }
        </script>
        </body>
      </html>
    • By dimoreira
      Boa noite programadores, estou a procura de um profissional que desenvolva um site simples, que tem apenas que me mostrar os resultados em tempo real da pagina de resultados da bet 365. Mas especificamente do futebol virtual. Vou mandar em anexo uma foto pra ter como base.   O modelo mais simples possivel é somente para acompanhar os resultados em tempo real sem ter q esta acessando o site da bet.


×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.