如何从html页面中的表单获取值's变量

How to get value from form in the html page's variable

本文关键字：获取 变量 表单 html      更新时间：2023-09-26

我正在创建一个包含下拉列表的小网页。因此，用户可以从中选择一个值。这是一个表单。当用户从中选择一个值时，比如值"a"，基于此，我想进行数据库查询，比如从表中选择*，其中值="a"。并在同一页面上显示结果，最好不要重新加载整个页面。

我可以通过调用方法onchange事件并对其执行document.getElementById来访问javascript方法中选择的下拉列表的值。

我应该如何在同一个html页面上传递变量中的值，以便将值发送到数据库？

感谢您提前回复。

这个问题本身很模糊，但我会尽我所能。

您首先需要（如果您还没有）服务器端的东西，它可以接受传入的参数并从数据库返回结果。例如CCD_ 1。理想情况下，您可以使用此服务并接收JSON/XML（您可以在客户端中使用它）。

接下来，如果您不想重新加载页面，您需要研究如何利用AJAX来接触该服务并处理结果。您应该能够向服务发送一个请求（带有下拉列表的值），并收到一些允许您以无缝方式修改页面的内容。

使用AJAX异步向服务器发送POST请求。

使用jQuery:

var value = 'A';
// make an HTTP POST request to the 'submit' route on your server
$.post('submit', {value: value})
 .done(function(data) {
     alert('Server response: ' + data);
 }

在服务器端，您需要处理对"提交"路由的POST请求，进行数据库调用，并在必要时发回响应。

相关文章：