2011-06-27 5 views
1

J'ai besoin d'un texte à mettre à jour en temps réel en fonction des choix dans les listes déroulantes.Texte en cours de mise à jour en temps réel

Voici un exemple: http://www.thatsoftwareguy.com/swguy_demo_1.3.7/index.php?main_page=product_info&cPath=65&products_id=183

Je sais comment obtenir une boîte d'entrée mis à jour automatiquement, en utilisant le nom et l'ID - mais comment voulez-vous donner du texte normal un nom et ID?

+0

Vous n'avez qu'à placer le texte dans un tag avec un identifiant approprié pour pouvoir le sélectionner facilement avec jQuery? – Willem

Répondre

1

Créer une période, donnez-lui une carte d'identité et référence qui ID et mettre à jour le code HTML à l'intérieur

1

Pour donner au texte un ID que vous devez placer dans un <span></span>.

Donc, vous auriez Price: <span id="price">3.00</span>$.

EDIT

Pour fonctionner avec le prix:

var price = parseFloat(document.getElementById('price').innerHTML); 
price += 5; 
document.getElementById('price').innerHTML = price.toFixed(2); 

Cela augmenterait le prix de 5 $. Assurez-vous toujours de valider tout ce que vous obtenez du côté du serveur.

Pour l'exhaustivité, je vais vous expliquer tout ce qui est impliqué.

  • document est un élément DOM.
  • getElementById(id) est une fonction document qui trouve le premier élément avec l'identifiant donné.
  • innerHTML Pour les données pouvant contenir des données à l'intérieur, ceci contient ce qui est à l'intérieur des données sous la forme d'une chaîne.
  • parseFloat convertit une chaîne en un nombre à virgule flottante.
  • toFixed(decimals) est une fonction flottante qui fait du flottant une chaîne avec le nombre de décimales donné.

Espérons que tout est clair maintenant.

+0

Hmm, je ne peux pas obtenir le 3.00 pour changer. Peu importe ce que je choisis, il dit encore juste 3.00. Où comme si j'utilise une boîte de saisie: il met à jour en temps réel. – Michael

+1

Vous devez modifier la propriété .innerHTML. 'document.getElementById ('price'). innerHTML = 25.00' – Lumbendil

+1

peut-être que vous pourriez ajouter un peu de javascript. – Arvin

0

Donnez au conteneur du texte un id et utilisez document.getElementById("theId").innerHTML pour modifier le contenu de ce conteneur. Le conteneur peut être un div, un span ou un élément p, par exemple.

0

vous utilisez

<div id="estimate" style="font-weight: 
bold; font-size: 14px;"> </div> 

pour afficher la liste des prix comme l'utilisation cachée déposée ex:

<input type="text" name="txthidden" 
id="txthidden" value=""> 

. par boîte de sélection sur la fonction de changement collez le texte de réponse dans les deux div et champ caché,

document.getElementById('txthidden').value = responsetext; 

puis en utilisant php normal, vous pouvez poster la valeur txthidden.

+0

Je ne suis pas tout à fait. Pouvez-vous donner un exemple http://jsfiddle.net? – Michael

+0

Utilisez-vous ajax pour rafraichir le palmarès – Kannan

Questions connexes