OK MERCI

https://api.jquery.com/jquery.post/

[quote="or 1" post_id=465811 time=1611781176 user_id=23847]
le php et le javascript génère ou modifie le html, donc cela ne change rien.
il faut soit soumettre le formulaire à un script php, soit utiliser de l'ajax pour transmettre les données au script php.
[/quote]

L'exemple pourrait m'aider car je ne comprends pas ce que vous voulez dire. SVP

le php et le javascript génère ou modifie le html, donc cela ne change rien.
il faut soit soumettre le formulaire à un script php, soit utiliser de l'ajax pour transmettre les données au script php.

Bonjour.

J'utilise [b]Javascript et [b]PHP[/b] pour afficher dynamiquement la Liste déroulante dans le Formulaire HTML dont voici le Code JavaScript en appelant les différentes [b]options[/b] du [b]select[/b] via la fonction PHP [b]fill_product_list($connect)[/b]:

[CODE]$('#add_button').click(function(){
$('#orderModal').modal('show');
$('#order_form')[0].reset();
$('.modal-title').html("<i class='fa fa-plus'></i> Create Order");
$('#action').val('Add');
$('#btn_action').val('Add');
$('#span_product_details').html('');
add_product_row();
});

function add_product_row(count = '')
{
var html = '';
html += '<span id="row'+count+'"><div class="row">';
html += '<div class="col-md-8">';
html += '<select name="product_id[]" id="product_id'+count+'" class="form-control selectpicker" data-live-search="true" required>';
html += '<?php echo fill_product_list($connect); ?>';
html += '</select><input type="hidden" name="hidden_product_id[]" id="hidden_product_id'+count+'" />';
html += '</div>';
html += '<div class="col-md-3">';
html += '<input type="number" placeholder="Quantity" name="quantity[]" class="form-control" required />';
html += '</div>';
html += '<div class="col-md-1">';
if(count == '')
{
html += '<button type="button" name="add_more" id="add_more" class="btn btn-success btn-xs">+</button>';
}
else
{
html += '<button type="button" name="remove" id="'+count+'" class="btn btn-danger btn-xs remove">-</button>';
}
html += '</div>';
html += '</div></div><br /></span>';
$('#span_product_details').append(html);

$('.selectpicker').selectpicker();
}[/CODE]


Et maintenant, voici le Code PHP qui affiche les [b]options[/b] de la balise [b]select[/b] dans l'Ajax:

[CODE]function fill_product_list($connect)
{
$query = "
SELECT * FROM category
WHERE category_status = 'active'
ORDER BY category_name ASC
";
$statement = $connect->prepare($query);
$statement->execute();
$result = $statement->fetchAll();
$output = '';
foreach($result as $row)
{
$output .= '<option value="'.$row["category_id"].'">'.$row["category_name"].'</option>';
}
return $output;
}[/CODE]

Et enfin, le Code HTML affiche le formulaire [b]select[/b] et ses [b]options[/b] sur la page HTML:

[CODE]<div class="form-group">
<label>Enter Product Details</label>
<span id="span_product_details"></span>
</div>[/CODE]


[b]Mon souci est que je souhaiterais récupérer la valeur de l'option sélectionnée dans une variable PHP pour finalement la stocker dans ma BDD.[/b]

Comment donc récupérer en PHP, la valeur de l'[b]option[/b] du [b]select[/b] dans ce cas où celles-ci sont défini en [b]PHP[/b] et [b]JavaScript[/b] au lieu du HTML habituel ???


Merci de m'aider s'il vous plaît.