将输入文本字段从 HTML 获取到 JavaScript 并转到 URL

Question

如何将输入文本字段从 HTML 获取到 JavaScript 并转到 URL？

我正在构建一个网页，您在输入字段中输入一些单词，Java 获取此字符串并检查此字符串是否等于另一个，如果它转到某个 URL。

我的代码是：

 <input type="text" name="procura" id="procura" />
  <script>
  name = oForm.elements["name"].value;

  if (name.equals("Advogados"))
 {
     window.location = "http://jornalexemplo.com.br/lista%20online/advogados.html"
     //do something
 };
  </script>

你能给我点灯吗？

Answer 1

使用 window.location.href = "你的网址"。

Answer 2

注意，我在示例中使用了 jquery 库，因为它可以更轻松地设置侦听器来处理这些事件。

您在代码中引用了 oForm，但我在您的示例中没有看到...所以我认为如果您将(procura)

<div>
    <form method="get" id="procura">
        <input type="text" name="procura" id="procura_texto"  placeholder="Procurar"/>
    </form>
</div>

然后使用输入元素的id（procura_texto）和jquery的val()方法捕获结果，并使用preventDefault()方法阻止表单提交：

$("#procura").on("submit", function(event){     

    // prevent form from being submitted
    event.preventDefault();

    // get value of text box using .val()
    name = $("#procura_texto").val();

    // compare lower case, as you don't know what they will enter into the field
    if (name.toLowerCase() == "advogados")
    {
        // redirect the user.. 
        window.location.href = "http://jornalexemplo.com.br/lista%20online/advogados.html";
    }
    else
    {
        alert("no redirect..(entered: " + name + ")");
    }
});

这里有一个 jsfiddle 供你玩：http://jsfiddle.net/zwbRa/5/