Recover ID passed by the DIV on the next page

1

I have the following CSS class along with foreach ():

    <section id="cidades">
        <div class="listacidade">ESCOLHA UMA OPÇÃO</div>
        <ul id="ListandoCidades">
        <? foreach($cidades as $valor){ ?>
            <a href="<? echo base_url('inicial'); ?>">
                <li class="listacidade" id="<? echo $valor->idParametro; ?>">
                    <img src="<? echo base_url(); ?>site/modules/entrada/images/<?=url_title($valor->parametro);?>.jpg" width="250" height="120" alt=""/>
                </li>
            </a>
        <? } ?>
        </ul>
    </section>

I am passing the ID by div . How do I get it back on a next page?

    
asked by anonymous 04.08.2015 / 00:55

1 answer

0

According to comments, to save the information use cookies or Local Storage :

$(document).on('click', '#ListandoCidades a', function(event){
   event.preventDefault(); // Evita que o navegador navegue para o link

   // Pega o ID
   var id = $(this).find('.listacidade').attr('id');

   // Salva o cookie
   document.cookie = 'idParametro='+id;

   // Ou use Local Storage do HTML5
   localStorage.setItem("idParametro", id);

   // Segue o link
   window.location.href = $(this).attr('href');

});

To read, do the following:

// Cookie
var cookies = document.cookie; 
// O retorno é uma string com todos os cookies, será necessário 
// tratá-la para pegar o cookie desejado

// Storage
localStorage.getItem('idParametro');

Note: Your tag is wrong, the li tags must be direct daughters of ul , and the a tag should be within li tags. If you correct this, you will need to change the parameter selector from $(this).find('.listacidade') to $(this).parent() .

    
04.08.2015 / 02:28