Ir para conteúdo

POWERED BY:

Arquivado

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

revanbru

Mostrar ocultar e mostrar itens de uma select com Jquery

Por , em Javascript

Recommended Posts

revanbru    0

revanbru
Postado

Galera tenho esse codigo ele esconde o valor do option qdo selecionado e gostaria que qdo excluido ele retornasse o valor do option..alguem para ajudar?

 

segue o código:

 

<script src="[url=http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js]http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>[/url]<style>.destaque{background:red;color:white;}</style><script>$(document).ready(function(){  $('.add').click(function(){       var dados = $('#item').val(); $('#item').find('option[value="'+ dados +'"]').hide().val();       $('tr').addClass('destaque');       $('table').append('<tr> <td><input type="text" id="clone" value="'+ dados +'"/>'+ dados +' <td> <input type="button" class="alerta" value="Alerta"/> <td><input type="button" class="del" value="Remover"/>').text();       $('.alerta').bind('click', Alert);     $('.del').bind('click', Excluir);      });   function Alert(){      var txt = $(this).parents('tr').text();      alert(txt);     exit;  }; function Excluir(){   var tr =  $(this).parents('tr').remove();   $(this).attr('tr'); $('#item').find('option[value="'+ dados +'"]').show().val();  };        });  </script></head><body style="background:green;">  <p><select id="item">          <option value="0">SEL..</option>          <option value="PHP">PHP</option>          <option value="AJAX">AJAX</option>          <option value="JAVSCRIPT">JAVSCRIPT</option>          <option value="HTML">HTML</option>          <option value="XML">XML</option>          <option value="C#">C#</option>   </select> <input type="button" class="add" value="OK"/></p>     <table style="background:yellow;">         </table>

alguem que possa me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Hum.. seria isso que você quer:

function Excluir(){
    alert( $('#item').val() );
}
?

Compartilhar este post

Link para o post
Compartilhar em outros sites

revanbru    0

revanbru
Postado

Grande willian não exatamente é o seguinte qdo eu seleciono um item no select ele esconde o que selecionei e aparece em uma tr atraves do metodo append com os botões alerta e excluir, e qdo clico em excluir ele exclui até ai OK, mais gostaria que ele voltasse para o select alterando do status hide para show entendeu??

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Alterando de hide para show o estado do option ?

Troque essas linhas:

 

$('#item').find('option[value="'+ dados +'"]').hide().val();
para:

$('option[value="'+ $('#item').val() +'"]').hide(); //esconde
$('option[value="'+ $('#item').val() +'"]').show(); //mostra

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