Question

I have a JavaScript function (which users on this forum graciously helped me construct) that passes variables via POST to a PHP file with a query for inserting the data to a MySQL database.

The function is invoked “onchange” for a series of 2000+ rows that are spit out from a MySQL database. I use the ID of the row to give each form field a unique name/id, like this:

echo "=<select name='$AdvertisersSQLResult[id]geolocation' id='$AdvertisersSQLResult[id]geolocation' onchange = 'insertAdvertiser()'>"; 

The JavaScript function looks like this:

function insertAdvertiser() {
var data = $('#<?php echo $AdvertisersSQLResult[id]?>dataid,#<?php echo $AdvertisersSQLResult[id]?>industry,#<?php echo $AdvertisersSQLResult[id]?>geolocation').serialize();
$.post('/database/InsertAdvertiserRelationship2.php', data);
return false;
}

As you can see, I’m attempting to pass PHP variables as part of the form id values. However, this doesn’t work, as the function is written to the page once (in the section) without any variables yet populated.

In other words, I’d like to have this JavaScript function utilize whatever PHP variable is being passed to it dynamically. I’ve looked at other threads about passing a PHP variable to a JavaScript function, but I can’t find any reference to how this can be done dynamically, such that the JavaScript function changes to use a different PHP variable each time (if that makes sense).

Thanks for any help…

Answer 1

Well yes because you’d need a seperate insertAdvertiser() method for every advertiser on the system.

A better way to do it would be to do this:
Javascript:

// This line turns your PHP array into a Javascript object
var advertisers = <?php echo json_encode($AdvertiserSQLResult); ?>; 

function insertAdvertiser(id) {
 $.post('/database/InsertAdvertiserRelationship2.php', advertisers[id]);
}

// Try not to use attributes to bind events, use handlers like this instead.
$(document).ready(function() {
 $('select').on('change', function() {
   // Reads the advertiser id from the data attribute
   insertAdvertiser($(this).data('advertiserid'));
 });
});

HTML:

<select data-advertiserid="<?php echo $AdvertiserSQLResult['id']; ?> class="advertiser-select">...</select>

I wrote this as I went along so apologies if I’ve overlooked something.

See:

• jQuery Data
• jQuery .on()