Question

我想在用户点击进入时使用文本输入作为链接。

例如用户类型＆＃34;堆栈＆＃34;到输入区域，当用户点击进入时，它会指示用户查找/堆叠＆＃34;。我怎样才能做到这一点？谢谢。我有这个代码，但它不起作用。

<form class="ui icon input" role="form" action="/lookup/">
            <input type="text" placeholder="Ara...">
            <i class="search link icon"></i>
</form>

Answer 1

您可以使用jQuery .submit()。

以下是jQuery页面上给出的示例：

<form id="target" action="destination.html">
  <input type="text" value="Hello there">
  <input type="submit" value="Go">
</form>
<div id="other">
  Trigger the handler
</div>

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

Answer 2

您可以使用PHP来执行此操作..

这是一个基本示例，如果需要，您可以稍后对其进行扩展。

第1页..

HTML：

<form action="url.php" method="post">

<input name="url" id="url" type="text">
<input type="submit" name = "submit" value="submit">

</form>

第2页 - url.php（必须根据表单操作网址调用）

<?php

$url = $_POST['url'];

header('Location: ' . $url);

?>

Answer 3

我很快就会在输入发生变化时更新表单的网址，但我还没有对其进行测试。隐藏的提交按钮表示输入键可以按预期工作。我认为你也应该遵循Alex关于服务器端备份的想法，以防访问者禁用javascript。

<form class="ui icon input" role="form" action="/lookup/">
  <input type="text" placeholder="Ara..." id="input_lookup">
  <i class="search link icon"></i>
  <input type="submit" style="position: absolute; left: -9999px"/>
</form>
<script type="text/javascript">
  // if "change" doesn't work then maybe "keyup"?
  document.getElementById("input_lookup").addEventListener("change", function(){
    this.form.setAttribute("action", "/lookup/" + this.value);
  });
</script>

使用输入作为链接

3 个答案: