Foros del Web » Programando para Internet » Jquery »

Saber ItemSeleccionado list bootstrap

Estas en el tema de Saber ItemSeleccionado list bootstrap en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/09/2015, 08:36
 
Fecha de Ingreso: marzo-2003
Mensajes: 164
Antigüedad: 19 años, 5 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>

Etiquetas: bootstrap, list
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:29.