assegnare un valore da passare in post, da una lista

[GiorgioC]

ciao a tutti,
ho il seguente problema,
ho una lista:

<dl id="sample" class="dropdown" style="margin-top:23px;">
						<dt><a href="#"><span>Seleziona destinazione</span></a></dt>
						<dd>
							<ul>								
								<li class="elementolista" value="wp_vacanze"><a href="#">V</a></li>
								<li class="elementolista" value="wp_corsi"><a href="#">C</a></li>
							</ul>
						</dd>
					</dl>

se seleziono un dei due elementi devo poi passarmi in post il value tramite submit.
attualmente ho inserito:

jQuery(".elementolista").click(function(){  
				jQuery("#elementonascosto").val(jQuery(this).attr("value").val())
			})

PS: putroppo non posso cambiare questo script inquanto mi serve per select customizzate a livello di grafica.
grazie a tutti per l'aiuto.

 

[alessandro1997]

Prova così:

$(".elementolista").click(function() {
    $("#elementonascosto").val($(this).text());
});

 

[GiorgioC]

Prova così:

$(".elementolista").click(function() {
    $("#elementonascosto").val($(this).text());
});

ma "l'elemento nascosto dove lo devo inserire?"

 

[alessandro1997]

Dipende: se hai già un form inseriscilo lì. Altrimenti dovrai crearne uno (suggerisco alla fine della pagina, ma è uguale), impostargli come action l'URL della pagina finale (quella che riceve i dati POST) e cambiare in questo modo l'evento:

$(".elementolista").click(function() {
    $("#elementonascosto").val($(this).text());
    $("form").submit();
});

 

[GiorgioC]

Dipende: se hai già un form inseriscilo lì. Altrimenti dovrai crearne uno (suggerisco alla fine della pagina, ma è uguale), impostargli come action l'URL della pagina finale (quella che riceve i dati POST) e cambiare in questo modo l'evento:

$(".elementolista").click(function() {
    $("#elementonascosto").val($(this).text());
    $("form").submit();
});

################

Ricapitolando ora ho la seguente situazione:

jQuery(".elementolista").click(function() {
         jQuery("#elementonascosto").val(jQuery(this).text());
	 jQuery("#includeRicerca").submit();
});

nel form

<ul>								
      <li class="elementolista" value="wp_vacanze"><a href="#">Vacanza</a></li>
      <li class="elementolista" value="wp_corsi"><a href="#">Corso</a></li>
      <input type="hidden" id="elementonascosto" value="">
</ul>

ora se seleziono un <li> mi fa il refresh della pagina e non mi seleziona come value l'elemento selezionato.

 

[GiorgioC]

Risolto

"data-value"

jQuery('.elementolista').click(function() {
         jQuery('#cosaCerca').val(jQuery(this).attr('data-value'));
});

#######

<dl id="sample" class="dropdown" style="margin-top:23px;">
<dt><a href="#"><span>Seleziona destinazione</span></a></dt>
<dd>
<ul>								
<li class="elementolista" data-value="wp_vacanze"><a href="#">Vacanza</a></li>
<li class="elementolista" data-value="wp_corsi"><a href="#">Corso</a></li>
<input type="hidden" id="cosaCerca" name="cosaCerca" value="">
</ul>
</dd>
</dl>

grazie a tutti per l'aiuto
ciao ciao

 

[alessandro1997]

Ciao, usa gli appositi tag BBCode per formattare il codice sorgente.
Stavolta modifico io, la prossima cancello.