Jump to content
Richard.Ribeiro

Não alterar o select uma vez já selecionado

Recommended Posts

Fala Pessoal.. Bom dia.. uma ajuda por favor.

não sei se e a melhor opção mais, gostaria de criar um id sequencial id="material"

para resolver seguinte problema.. com javascript eu crio select com dados selecionados anteriormente, e crio mais opção no caso de haver mais pedido, porém toda vez que preciso troca a categoria o PRIMEIRO selecte que já possui um item e resetado. como posso resolver isso O PRIMIEIRO SELECT NÃO MUDAR. uma vez que á possui value selected

 

segue todo código:


  <div id="box" >

  <form id="cadastro"  method="post">
    <?php

      if(isset($_POST['acao'])){
        $ide = $_POST['ide'];
        $data = $_POST['data_pedido'];
        $username=$_SESSION['username'];
        $justificativa = $_POST['justificativa'];
        $id_tipo_material = $_POST['material'];
        $qnt_solicitada = $_POST['qnt_solicitada'];


        //cadastrar no banco de dados!
            $gravar = new Painel();

            $id_gsm = $gravar->cadastrarGsm($data,$username,$justificativa,$ide);
            $gravar->cadastrarItem($id_gsm,$id_tipo_material,$qnt_solicitada);
            Painel::alert('sucesso','Pedido realizado com sucesso!');

            }
            $ConsultaIde = ConexaoBD::conectar()->prepare("SELECT  vsat_gilat, 'IDE: '||vsat_gilat|| ', Situação:'|| situacao|| ', Localidade:'||localidade|| ', Logradouro: '||logradouro as local
  FROM vsat WHERE vsat_gilat != '' AND situacao = 'Ativo'");
            $ConsultaIde->execute();
            $ConsultaIde = $ConsultaIde->fetchAll();

  ?>
  <div >
  <div class="form-group">

        <label>Selecione uma IDE</label>
        <select class="ide" name="ide" id="ide" required>
          <option disabled selected>-- Selecione IDE --  </option>
            <?php
            foreach ($ConsultaIde as $key => $value) {
              ?>
              <option value="<?php echo $value['vsat_gilat'];?>">
                <?php echo $value['local'];?>


          </option>
        <?php }?>
        </select>


        <label>Data da Solicitação do Material :</label>
        <input type="text"value="<?php   echo date('d/m/Y');    ?>"  name="data_pedido" readonly >
  </div><!--form-group-->
      <div class="form-group">
        <label>Justificativa do pedido:</label>
        <textarea  rows="8" cols="80" name="justificativa" required></textarea>
  </div><!--form-group-->


  <div class="form-group">
        <label>Selecione Sistema:</label>
        <select name="id_categoria" id="id_categoria">
        <option selected disabled> --- Selecione o Sistema ---</option>
      <?php
  $consulta= ConexaoBD::conectar()->prepare("SELECT id_sistema, descricaos FROM public.cadastrar_sistema");
  $consulta->execute();
  while($row_cat_post = $consulta->fetch(PDO::FETCH_ASSOC) ) {
  echo '<option value="'.$row_cat_post['id_sistema'].'">'.$row_cat_post['descricaos'].'</option>';
        }
  ?>
    </select>
  </div><!--form-group-->

  <div class="form-group">
    <label>Selecione Padrão:</label>
    <span class="carregando">Aguarde, carregando...</span>
    <select name="id_sub_categoria" id="id_sub_categoria" >
      <option value="">--- Selecione o Padrão ---</option>

    </select>
  </div><!--form-group-select-->


  </div>
  <div class="pedido">
    <div class="remover">
    <label>Selecione Material:</label>
    <span class="carregando">Aguarde, carregando...</span>
    <select name="material[]" id="material">
      <option value="">--- Selecionte o Material ---</option>
    </select>
    <input type="text" id="quantidade" name="qnt_solicitada[]" placeholder="Digite a Quantidade" >
<button type="button" name="button" class="removedor">Remover Item</button>
</div>
</div>

</div>
  <button type="button" name="button" class="clonador">Novo Item</button>

  <input type="submit" name="acao" value="Cadastrar!">
  </form>

 

 

 

 

 

 

 

  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
          <script type="text/javascript">
            google.load("jquery", "1.4.2");
          </script>

<script  src="<?php echo INCLUDE_PATH_PAINEL ?>js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">

  $(function(){
    $('#id_categoria').change(function(){

      if( $(this).val() ) {
        $('#id_sub_categoria').hide();
        $('.carregando').show();

        $.get('sub_categorias_post?search=',{id_categoria: $(this).val(), ajax: 'true'}, function(j){
          html = $.parseHTML(j);
          j=JSON.parse(html[16].textContent.trim());

          var options = '<option value="">Escolha Subcategoria</option>';
          for (var i = 0; i < j.length; i++) {
            options += '<option value="' + j.id + '">' + j.nome_sub_categoria + '</option>';
          }
          $('#id_sub_categoria').html(options).show();
          $('.carregando').hide();
        });
      } else {
        $('#id_sub_categoria').html('<option value="">– Escolha Subcategoria –</option>');
      }
    });
  });

  $(function(){
    $('#id_sub_categoria').change(function(){
      if( $(this).val() ) {
        $('#material').hide();
        $('.carregando').show();
        $.get('sub_categorias_post2?search=',{id_sub_categoria: $(this).val(), ajax: 'true'}, function(j){
          html = $.parseHTML(j);
          console.log(html);
          j=JSON.parse(html[16].textContent.trim());
          var options = '<option value="">Escolha Subcategoria</option>';
          for (var i = 0; i < j.length; i++) {
            options += '<option value="' + j.id + '">' + j.nome_sub_categoria + '</option>';
          }
          $('#material').html(options).show();
          $('.carregando').hide();
        });
      } else {
        $('#id_sub_categoria2').html('<option value="">– Escolha Subcategoria –</option>');
      }
    });
  });
  </script>
  <script>
  $(document).ready(function(){

 

        $(document).on('click', '.clonador', function(e){
          var elm_html = $('.pedido').html();
          var counter = 0;  //faz uma cópia dos elementos a serem clonados.
            e.preventDefault();

            var elementos = elm_html.replace(/\[[0\]]\]/g, '['+ counter +']');  //substitui o valor dos index e incrementa++
            counter++;
            $('#cadastro').append(elementos);  //exibe o clone.
        });

    });


    $(document).on('click', '.removedor', function (event) {
      event.preventDefault();
      $(this).parents('.remover').remove(); // navega até o pai com a classe pedido e remove ele inteiro
    });
  </script>

 

  <?php
  die();
  ?>
</div><!--box-content-->

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 Vinicius Bazan
      Galera to com uma duvida aqui, no javascript é possível fazer uma função dentro de outra e uma acessar os valores de uma var da outra?
       
      Por exemplo digamos que eu tenha uma function a() e uma function b(), eu preciso que a function a utilize valores de variáveis que estarão na function b, se isto for possível a função b terá que estar dentro de a ou seria ao contrario?
    • By TheRonaldoStar
      Olá, Venho aqui de novo para tirar uma dúvida que creio eu ser muito simples porem não sei como aplicar!;
      Como diz no título do post eu gostaria de fazer um select de cadastros cujo o id do usuário online está nesta coluna,
      Porem neste campo contem 2 id separados por uma ' , '. Sendo assim não dar para mim fazer uma pesquisa com com a tag WHERE id ='Valor'
      Em fim eu quero ajuda para selecionar todos os cadastro cujo o id do usuário online está por EX: Sou o usuário 1 existe dois cadastros que tem meu id: [1, 2] e [2, 1];
      Alem de pesquisar todos os cadastros que tenha meu id nesta coluna eu quero que não tenha interferência ou listar cadastro do usuário 1 se eu for o usuário 21 por ex.
       
      Qual quer ajuda é bem vinda!
      Atenciosamente,
      ~Ronaldo
    • By Agnosticado
      Olá senhores, estou intrigado com uma coisa: tenho o seguinte código:
      $id_exame = "50296"; $pesquisa = "SELECT motivo, CASE WHEN motivo = 'Intensa superposição celular em mais de 75% de esfregaço' THEN 'A' WHEN motivo = 'Sangue em mais de 75% de esfregaço' THEN 'B' WHEN motivo = 'Artefatos de dessecamento mais de 75% de esfregaço' THEN 'C' ELSE 'TESTE' END AS opcao FROM insatisfatorio WHERE exame_id = '$id_exame' ORDER BY opcao ASC"; $linha = mysql_query($pesquisa); while ($pesquisa = mysql_fetch_array($linha) or die(mysql_error())){ echo $pesquisa["opcao"]; } Quando executo usando
       
      $linha = mysql_query($pesquisa);
                 while ($pesquisa = mysql_fetch_array($linha) or die(mysql_error())){
              echo $pesquisa["opcao"];
              echo "<br>";
       
       
      a saída é palavra "TESTE" que o default e não o texto "B" que corresponde a string da chamada do $id_exame = 50296.
       
      O ESQUISITO é que quando executo todo select que está na variável $pesquisa direto no SGBD dá certo e o texto "B" aparece normalmente.
      PQ DIABOS ISSO ACONTECE???
    • By israel@iproduce.com.br
      Olá,
      Boa noite!
      Tenho algumas vagas para motion (basicamente banner de internet animado e vinhetas para redes sociais) para a cidade do Rio de Janeiro. As vagas são temporárias (6 meses), podendo ocorrer a efetivação nesse período. É necessário estar alocado no escritório no Rio.
      Conhecimento avançado em: Adobe Animate CC, Google Web Designer, After Effects.
      Além destes programas é um diferencial conhecer a linguagens: HTML5, CSS3 e Javascript.
      Tem interesse ou conhece alguém que esteja precisando? Então manda o seu portifólio e CV para no e-mail: freela@iproduce.com.br
      Boa sorte!
    • By Vinicius Bazan
      Sou leigo ainda no Java Script e não manjo de muita coisa ainda, eu preciso fazer uma função que que deve ser executada na pagina HTML, eu crio a função dentro da tag <script> na <head> do html, mas como eu chamo essa função no momento que eu precisar no <body>, o que eu devo digitar pro código saber que ali deve executar a função?
×

Important Information

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