Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/09/2015, 08:36
jorge_anibal
 
Fecha de Ingreso: marzo-2003
Mensajes: 164
Antigüedad: 19 años, 6 meses
Puntos: 0
Saber ItemSeleccionado list bootstrap

buen dia.
de antemano gracias por su atencion y/o ayuda, tengo el sigueinte inconveniente, por si me pueden colaborar.

tengo un duallist con bootstrap, el pasa los valores de un lado para otro, pero en el conbo del lado izquierdo, cuando seleccione uno de ellos, necesito saber cual en particula seleccione, simpre me muestra todos los del lado derecho.

alguien me podria decir como puedo hacer para saber cual de todos es el seleccionado.

gracias

adjunto codigo

Código:
<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Dual Listbox</title>
    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css">
    <link rel="stylesheet" type="text/css" href="../src/bootstrap-duallistbox.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.min.js"></script>
    <script src="../src/jquery.bootstrap-duallistbox.js"></script>
  </head>
  <body class="container">

  <div class="row">
    <div class="col-md-5"></div>
    <div class="col-md-7">
    <form id="demoform1" action="#" method="post">
      <select multiple="multiple" size="10" name="duallistbox_demo2" class="demo2">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3" selected="selected">Option 3</option>
        <option value="option4">Option 4</option>
        <option value="option5">Option 5</option>
        <option value="option6" selected="selected">Option 6</option>
        <option value="option7">Option 7</option>
        <option value="option8">Option 8</option>
        <option value="option9">Option 9</option>
        <option value="option0">Option 10</option>
        <option value="option0">Option 11</option>
        <option value="option0">Option 12</option>
        <option value="option0">Option 13</option>
        <option value="option0">Option 14</option>
        <option value="option0">Option 15</option>
        <option value="option0">Option 16</option>
        <option value="option0">Option 17</option>
        <option value="option0">Option 18</option>
        <option value="option0">Option 19</option>
        <option value="option0">Option 20</option>
      </select>
      <br>
    <button type="submit" class="btn btn-default btn-block">Submit data</button>
    </form>
      <script>
        var demo2 = $('.demo2').bootstrapDualListbox({
          nonSelectedListLabel: 'Non-selected',
          selectedListLabel: 'Selected',
          preserveSelectionOnMove: 'moved',
          moveOnSelect: false,
          nonSelectedFilter: 'ion ([7-9]|[1][0-2])'
        });

        var demo1 = $('.demo2').bootstrapDualListbox();
    $("#demoform1").submit(function() {
      alert("kk" + $('.demo2').val());

      return false;

    });
	
	$('.demo2').change(function(){ 
    alert( $(this).val());
});

      </script>
    </div>
  </div>