Question

我有一个自动完成程序的代码，但我想将其放入网站搜索栏中。我需要知道的是如何访问myCountry的值。

这是myCountry的一部分：

<form autocomplete="off" action="/action_page.php">
<div class="autocomplete" style="width:300px;">
<input id="myInput" type="text" name="myCountry" placeholder="Country">
</div>

一旦我知道该怎么做，我认为我可以将一个if else语句放入JavaScript代码中。

我认为我应该做的是使用getElementById()函数，但是我是html和JavaScript的新手，所以我不知道该怎么做。

这里是完整代码的链接=> link

Answer 1

您可以使用document.getElementById()，并向其传递一个字符串。这将返回有关元素的信息，您可以使用该信息对应用程序执行任何所需的操作。

以下是一些基本用法示例：

let myCountry = document.getElementById('myInput')

console.log(myCountry.placeholder)
console.log(myCountry.tagName)
console.log(myCountry.getAttribute('type'))

document.getElementById('submit').addEventListener('click', e => {
  console.log(myCountry.value)
  switch(myCountry.value.toLowerCase()) {
    case 'uganda': document.body.style.backgroundColor = 'yellow'; break;
    case 'canada': document.body.style.backgroundColor = 'red'; break;
    case 'china': document.body.style.backgroundColor = 'green'; break;
    default: document.body.style.backgroundColor = 'white'; break;
  }
})

<form autocomplete="off" action="/action_page.php">
  <div class="autocomplete" style="width:300px;">
    <input id="myInput" type="text" name="myCountry" placeholder="Country">
  </div>
  <div>
    <input type="button" id="submit" value="Get Input Value">
  </div>
</form>

Answer 2

是的，您绝对可以使用getElementById。例如

let country = document.getElementById('myInput').value

但是我想您也应该看到此答案here，以了解其他各种方法

如何获得myCountry的价值？

2 个答案: