Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Combinar elementos y mostrar

Estas en el tema de Combinar elementos y mostrar en el foro de Jquery en Foros del Web. Buenas, estoy intentando probar a hacer lo siguiente utilizando jquery-ui: tengo dos campos: Código HTML: <div class= "ui-widget col-xs-12 col-sm-6" > <label for= "origen" > ...
  #1 (permalink)  
Antiguo 10/10/2016, 05:46
El_Astur
Invitado
 
Mensajes: n/a
Puntos:
Combinar elementos y mostrar

Buenas,

estoy intentando probar a hacer lo siguiente utilizando jquery-ui:

tengo dos campos:

Código HTML:
<div class="ui-widget col-xs-12 col-sm-6">
          <label for="origen">Origen</label>
          <input id="origen" />
        </div>
        <div class="ui-widget col-xs-12 col-sm-6">
          <label for="destino">Destino</label>
          <input id="destino" />
        </div> 
Y tengo el siguiente javascript:

Código HTML:
 <script src="http://code.jquery.com/jquery.js"></script>
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
    //autocompletado
    $( function() {
      var availableOrigen = [
        "paris",
        "roma",
        "londres",
        "pekin"
    
      ];
      $( "#origen" ).autocomplete({
        source: availableOrigen
      });
    } );
     $( function() {
      var availableDestino = [
        "Londres capital",
        "Boston",
        "Bruselas",
        "Pekin airport",
      ];
      $( "#destino" ).autocomplete({
        source: availableDestino
      });
    } );
   
  </script> 
Estoy intentando hacer que al combinar dos elementos, uno de cada array(la combinación puede serde una misma ciudad a otras, es decir, por ejemplo Madrid puede combinarse con más de una de las del otro array), se muestre algo, por ejemplo un calendario o algo así y me salga un botón para enviar a una determinada url. Cómo se podría hacer? se podría hacer que según la combinación de elementos el botón enviara a una url u otra?

Última edición por El_Astur; 10/10/2016 a las 06:02
  #2 (permalink)  
Antiguo 14/10/2016, 04:20
El_Astur
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Combinar elementos y mostrar

Ya lo he solucionado, agregando del jquery ui:

$("#destino").autocomplete({
source: availableDestino,
select: function(event, ui) {
var origen = $("#origen").val();
var destino = ui.item.value;

Así ya hace combinaciones....

Etiquetas: combinar, elementos
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 09:17.