salve, la pagina html è così
codice HTML:
<ol>
<li class="item1">numero <span class="anno">1990</span> numero<span class="numero">2</span><span class="sendRequest">send</span> <div class="result"></div></li>
<li class="item2">numero <span class="anno">1993</span> numero<span class="numero">24</span><span class="sendRequest">send</span> <div class="result"></div></li>
<li class="item3">numero <span class="anno">1994</span> numero<span class="numero">22</span><span class="sendRequest">send</span> <div class="result"></div></li>
<ol>
la funzione ajax è questa (ora come si può vedere funziona su un solo pulsante #sendRequest e su due valori #numero e la select #anno)
codice:
$(function () { $('#sendRequest').on('click', function () {
$('#result').html('loading');
$.ajax({
url: "ajax.php?search=1&numero="+$("#numero").val()+"&"+"anno="+$( "#anno option:selected" ).text(),
context: document.body,
success : function (data,stato) {
$("#result").html(data);
$("#statoChiamata").text(stato);
},
beforeSend: function() {
$('#result').text('Loading...');
},
error : function (richiesta,stato,errori) {
alert("E' evvenuto un errore. Il stato della chiamata: "+stato);}
}).done(function() {
$( '#result' ).html(data);
});
});
});
</script>
dovrei renderla "generica", cioè per ogni span.sendRequest deve prendere i valori anno e numero di quel <li>, fare la chiamata su quei valori e restituire tutto in div.result di quel <li>.
help mi please