2009-09-24 8 views
0

J'ai l'utilisateur en entrant un numéro de poste dans un champ de formulaire, puis je veux afficher la ville avec ce numéro de poste.Comment afficher une chaîne, basée sur le nombre dans un formulaire avec JavaScript

J'ai la fonction côté serveur configurée, elle prend une variable de l'URL et retourne une chaîne de caractères. Comme je le vois, j'ai besoin d'obtenir la variable du champ de formulaire après que l'utilisateur l'a écrite et le focus a quitté le champ de formulaire, utilisez ce numéro dans un appel XMLHttpRequest au serveur et affichez la chaîne résultante .

Mais le problème est que je n'ai jamais écrit de code JavaScript, plus complexe qu'un Hello World. Je voudrais donc de l'aide pour écrire le JavaScript pour cette page, toute aide serait appréciée.

- -0,5

Répondre

1

Puisque vous êtes nouveau, je ne recommande à l'aide de JavaScript tout cadre js pour cela.

Pour obtenir la valeur d'une zone d'entrée, vous pouvez utiliser

document.getElementById ("txt1").value; 

où txt1 est l'id de l'élément d'entrée.

Ensuite, vous pouvez ajouter la valeur de l'élément à la chaîne de requête et appeler la fonction côté serveur. Et si le texte de réponse est une chaîne de caractères mis que dans une div ou durée

document.getElementById ("divTown").innerText = "response string"; // for IE 

document.getElementById ("divTown").textContent = "response string"; // for FF 

Vous pouvez obtenir une compréhension de base ajax et javascript lire ces

AJAX Introduction

JavaScript Tutorial

+1

w3schools.com? Vous devez plaisanter :) – kangax

+0

Je pense que pour un débutant c'est un bon site. – rahul

+1

** Il n'y a rien de sympa avec w3schools.com **. Je ne vois pas pourquoi les débutants commencent par de mauvaises pratiques. Je veux dire, sérieusement ... regardez ce merveilleux script de "validation de formulaire" - http://www.w3schools.com/js/js_form_validation.asp. Au lieu de fournir une solution claire et simple (qui est triviale), w3schools décide d'introduire complètement 'with' avec un ancien accès aux éléments de formulaire non-standard ('formEl.foo' au lieu de' formEl.elements.foo'). Comme si cela ne suffisait pas, un exemple est basé sur du HTML invalide et pauvre (les entrées n'ont pas d'étiquettes, doctype est manquant, pas de titre). – kangax

Questions connexes