javascript - 如何为 JavaScript 函数创建文本字段？

Question

我想我已经设法写了一个脚本。我只是无法在 HMTL 中创建一个文本字段来输入丢失的数据。它应该在提交点击时从文本字段接收关键字并导航到 URL。

我尝试了多种形式的方式和一切。应该已经安装了 VB.net，这将在 5 分钟内完成。

function urlMaker(keyword) {
  var base = "https://www.example.com/list.php?q=";
  var ending = "&dhd=1&hdd=low&dtt=list";
  var url;
  url = base + keyword + ending;
  window.location.assign(url);
}

简而言之：我需要知道如何创建一个带有文本字段和提交按钮的 HTML 页面。当我提交时，它会从字段中获取文本并运行该函数并使用文本字段中的关键字提供它。当函数运行时，它会重定向浏览器。

标签： javascripthtmltextfieldurl-redirectiononsubmit

Answer 1

我猜你有这样的表格。

只需将submit事件侦听器附加到它：

document.querySelector("#search").addEventListener("submit", urlMaker)

function urlMaker(event) {
  let keyword = document.querySelector("#keyword").value;
  let base = "https://www.example.com/list.php?q=";
  let ending = "&dhd=1&hdd=low&dtt=list";
  let url;
  event.preventDefault();
  url = base + keyword + ending;
  window.location.href = url;
}

<form id="search">
  <input type="text" id="keyword" />
  <button type="submit">Search</button>
</form>