【问题标题】:How to display a string, based on number in a form with JavaScript如何使用 JavaScript 根据表单中的数字显示字符串
【发布时间】:2010-11-30 23:34:01
【问题描述】:

我让用户在表单字段中输入邮政编号,然后我想用该邮政编号显示城镇。

我已经设置了服务器端函数,它从 URL 中获取一个变量并返回一个纯字符串。

正如我所见,我需要在用户编写变量并且焦点离开表单字段后从表单字段中获取变量,在对服务器的XMLHttpRequest 调用中使用该数字并显示结果字符串。

但问题是,我从未编写过任何比 Hello World 更复杂的 JavaScript。所以我想要一些关于为该页面编写 JavaScript 的帮助,任何帮助将不胜感激。

【问题讨论】:

    标签: javascript html ajax xmlhttprequest


    【解决方案1】:

    由于您是 JavaScript 新手,我不建议为此使用任何 JS 框架。

    要从输入框中获取值,您可以使用

    document.getElementById("txt1").value;
    

    其中txt1 是输入元素的id

    然后您可以将元素值附加到查询字符串并调用服务器端函数。如果响应文本是纯字符串,请将其放入 divspan

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

    阅读这些你可以对 AJAX 和 JavaScript 有一个基本的了解

    AJAX Introduction

    JavaScript Tutorial

    【讨论】:

    • w3schools.com?你一定是在开玩笑:)
    • 我认为对于初学者来说这是一个不错的网站。
    • w3schools.com 没有什么好看的。我认为初学者没有理由从不良做法开始。我的意思是,说真的……看看这个精彩的“表单验证”脚本 - w3schools.com/js/js_form_validation.asp。 w3schools 没有提供清晰和简单的解决方案(这是微不足道的),而是决定引入完全不必要的with 以及古老的非标准表单元素访问(formEl.foo 而不是formEl.elements.foo)。好像这还不够,一个示例基于无效和糟糕的 HTML(输入没有标签,缺少 doctype,没有标题)。
    猜你喜欢
    • 1970-01-01
    • 2014-11-30
    • 2013-06-07
    • 2021-02-09
    • 2018-07-31
    • 2020-10-16
    • 1970-01-01
    • 2012-09-19
    • 1970-01-01
    相关资源
    最近更新 更多