I am currently working with the following HTML code:
<select id="options" title="prd_name1" name="options" onblur="getpricefromselect(this);" onchange="getpricefromselect(this);"></select>
along with an:
<input type="text" id="prd_price" title="prd_price1" name="prd_price">
The <select></select> element is dynamically updated with product information fetched from the database. I have implemented a jQuery/Javascript function that should send the product ID selected from the dropdown menu to a PHP page using $.ajax() and then retrieve the corresponding price from the database, ultimately populating the <input> field with this price.
Below is a snippet of my jQuery code:
function getpricefromselect(x){
var value=$(x).val();
var title=$(x).attr('title');
// Rest of the code here
};
And here is the relevant PHP script in "getpricefromselect.php":
// PHP code here
However, there seems to be an issue where the <input> field gets populated with a blank item when the PHP file echoes $Price, but not when it echoes $productid. Each product has a unique ID, and when I manually add the product ID to the PHP file, the echoed $Price is accurate. It only becomes inaccurate when sent via POST through $.ajax(). Any insights into why this discrepancy occurs would be greatly appreciated!