Question

我会说实话，我真的不知道这里最好的方法是什么。我没有Javascript知识，但我认为这里没有必要......这很简单。

我有一个简单的表格。我希望用户能够键入单词并按Enter键或单击“提交”。输入“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 =”吗？而且我不知道“method =”是否会参与其中。

我的问题是我无法弄清楚如何让表单将其文本内容提交到URL然后链接到该URL。

Answer 1

你可以在没有表格的情况下在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>

将表单内容提交到URL

1 个答案: