Insérer un texte de sélection dans la base de données

Question

Je sais que cela a déjà été demandé, mais je ne trouve pas de solution à mon problème.

J'ai une boîte de sélection avec trois options et trois valeurs, ces valeurs sont utilisées pour effectuer certains calculs en utilisant JS, donc je ne peux pas les modifier pour correspondre au texte d'option. Ceci pour calculer la quantité de V.A.T.

Mes sélectionner ressemble à ceci:

<select name="tax" id="tax" class="select"> 
<option value="20">Standard 20%</option> 
<option value="0">Zero 0%</option> 
<option value="0">Exempt 0%</option> 
</select> 

Ce qui est bien, mais je dois insérer le texte dans la base de données et non les valeurs, car il doit être vu dans le back-end. J'ai essayé une fonction javascript pour ajouter une entrée cachée à la boîte de sélection ciblant l'option qui est sélectionnée mais c'était un peu bogué, et n'a pas semblé juste. Je pensais à afficher le texte à côté de la valeur quand il est extrait de la base de données, mais je ne serais pas capable de distinguer des deux montants 0.

Quelqu'un peut-il s'il vous plaît offrir d'autres solutions, les meilleures approches à ce sujet.

Merci beaucoup

Answer 1

Vous pouvez obtenir le texte de l'option sélectionnée avec jQuery comme suit:

$("#tax option:selected").text(); 

Vous pouvez facilement utiliser cela dans votre requête AJAX pour envoyer la valeur correcte à la base de données, juste assigner à une variable:

var the_text = $("#tax option:selected").text(); 

A défaut, pourquoi ne pas le faire de la recherche dans les calculs JS - ce serait rendre votre vie beaucoup plus facile:

<select name="tax" id="tax" class="select"> 
    <option value="standard">Standard 20%</option> 
    <option value="zero">Zero 0%</option> 
    <option value="exempt">Exempt 0%</option> 
</select> 

Et votre JS pourrait ressembler à ceci:

var vat_amount = ($('#tax').val() == 'standard') ? 20 : 0; 

Answer 2

Vous pouvez récupérer le texte de JS en utilisant la fonction html(). Ou, si vous utilisez simplement un POST pour envoyer les données au serveur, essayez d'ajouter les deux valeurs à l'attribut value de l'option et divisez-le côté serveur pour obtenir les bonnes données.