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页面。当我提交它时，它从字段中获取文本并运行该函数并使用textfield中的关键字将其提供。当函数运行时，它会重定向浏览器。

Answer 1

我猜你有这样的表格。

只需附加一个submit事件监听器：

＆＃13;

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;
}

＆＃13;

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

＆＃13;

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

1 个答案: