0

老实说，我真的不知道这里最好的方法是什么。我没有 Javascript 知识，但我认为这里没有必要……这太简单了。

我有一个简单的表格。我希望用户能够输入一个单词并按回车键或单击“提交”。当输入“X”时，我希望它们被重定向到“www.MyURL.com/X.html”。我能找到的唯一解决方案如下所示：

<form>
<input name="solution" type="text" id="solution" maxlength="10" /><br />
<input type="button" value="submit" onclick="window.location='http://www.MYURL.com/' + this.form.solution.value + '.html'"/>
</form>

但是，这不允许用户按 Enter 来提交表单。我尝试了以下方法使其成为提交输入，但我对“onsubmit”的潜在操作一无所知，而且这个不起作用。

<form onsubmit="window.location='http://www.MYURL.com/' + this.form.solution.value + '.html'">
<input name="solution" type='text' id="solution" maxlength="10" /><br />
<input type="submit" value="submit" />

我应该为此事件使用“action=”吗？而且我不知道“方法=”是否起作用。

我的问题是我不知道如何让表单将其文本内容提交到 URL，然后链接到该 URL。

4

1 回答 1

0

您可以在没有表单的情况下在 javascript 中完成这一切。只需在每次按下键盘时检查键码 - 如果是Enter键 (13)，则进行重定向。

这是一个完整的工作页面：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<input type="text" id="solution" onkeyup="doSomething(event);">
<input type="button" value="Click Me" onclick="redirect();">
<script type="text/javascript">
    function doSomething(e) {
        var keyCode = e.keyCode || e.charCode;
        if (keyCode === 13) {
            redirect();
        }
    }

    function redirect() {
        window.location.href = "http://www.MYURL.com/"
            + document.getElementById("solution").value
            + ".html";
    }
</script>
</body>
</html>
于 2013-06-17T21:57:16.820 回答