Valore dinamico funzione

[Luca1317]

Ho un pulsante che cliccato manda dei dati tramite ajax ad un'altra pagina.


Il problema è che uno dei 2 dati (il codice colore) dovrebbe essere preso da un campo input e non fisso come nel codice che riporto.




<button onClick="UpdateColoreAjax(49,'#ff0000');


Al click del pulsante al posto di #ff0000 dovrebbe andarci il valore dell'input ma non ho proprio idea di come fare e soprattutto se è possibile farlo.

<input type="color" name="SelezionaColore" id="SelezionaColore" value="#ff9999" >




<button onClick="UpdateColoreAjax(49,'#ff0000');" >colora</button>




<script> 
  function UpdateColoreAjax(cod,ColorePulsante) // ajax update colore
  {
      jQuery.ajax({
       type: "POST",
       url: "OpzioniElencoUpdateColoraAjax.php",
       data: 'cod='+cod+'&ColorePulsante='+ColorePulsante,
       cache: false,
       success: function(response)
       {
         alert(cod + ' | ' + ColorePulsante);
       }
     });
 }
</script>

[Luca1317]

Ok, risolto.

Riporto il codice perché potrebbe servire a qualcuno:

<button onClick="UpdateColoreAjax(49,document.getElementById('SelezionaColore').value);" >colora</button>

[m4rko80]

Ciao, dato che usi jQuery per ajax, tanto vale semplificare tutto il codice senza la necessità di scrivere ogni volta le istruzioni nel (o nei, se più di uno) button.

...........
<button data-id="49">colora</button>
...................
<script>
jQuery(function(){
jQuery('button').on('click', function(){
const cod = jQuery(this).data('id');
const codiceColore = jQuery('#SelezionaColore').val();

  UpdateColoreAjax(cod, codiceColore);

});
})
</script>

[cavicchiandrea]

@m4rko80 secondo me hai messo const al posto di var o sbaglio?

[m4rko80]

Ciao, si l'ho messa al posto di var dato che nel suo scope resterà immutabile e ricreata ad ongi richiamo.
Se fosse stata esterna allo scope non sarebbe stato corretto