Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17227
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Reordernar as opções de um select usando o jQuery

13-06-2014 21:01

Nesse post vou postar um exemplo de como reordenar as options de um select com jQuery.

O script tem 2 botões, um para mover a opção para cima, e outro para mover a opção para baixo.

O script funciona com select multiple. Também deixei o script PHP que mostra as opções que foram enviadas já na nova ordem.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $("#sobe").click(function () { $("#select option:selected:first-child").prop("selected", false); antes = $("#select option:selected:first").prev(); $("#select option:selected").detach().insertBefore(antes); });   $("#desce").click(function(event){ event.preventDefault(); $("#select option:selected:last-child").prop("selected", false); depois = $("#select option:selected:last").next(); $("#select option:selected").detach().insertAfter(depois); });   $("#form").submit(function() { $('#select option').prop('selected', true); });   }); </script>


<form id="form" action="teste.php" method="post"> <select id="select" name="select[]" multiple="multiple"> <option value="a">a</option> <option value="b">b</option> <option value="c">c</option> <option value="d">d</option> <option value="e">e</option> </select> <input type="button" id="sobe" value="sobe"> <input type="button" id="desce" value="desce"> <br /> <input type="submit" name="envia" value="envia"> </form>


<?php if(isset($_POST['envia'])=="envia") { print_r($_POST['select']); } ?>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado