Question

如何根据表单中的输入字段动态更改链接。例如，如果我在输入字段中输入1.00，我想将链接更改为：

donate.php?amount=1.00

如果金额更改为输入字段中指定的金额。

我猜它的JavaScript不是我最强的观点，但任何帮助都会很棒。：）

由于

Answer 1

标记：

<input type="text" id="amount" onkeyup="changeLink(this);" />
<a href="donate.php?amount=0.0" id="donateLink"> donate now! </a>

使用Javascript：

function changeLink(inputElement)
{
    $('#donateLink').attr("href","donate.php?amount="+inputElement.value);
    //console.log($('#donateLink').attr("href"));
}

jsfiddle working example here.

Answer 2

这可以使用html表单完成：

<form action="donate.php" method="GET" id="donateform">
    <input type="text" name="amount" />
    <input type="submit" value="Donate" />
</form>

您还可以通过下拉列表输入输入，这样他们就不会输入无效值。或者您可以使用javascript验证输入。要使用链接提交表单，您可以使用javascript：

<a href="javascript:document.forms['donateform'].submit();">Donate</a>

Answer 3

您无需执行任何操作，只需使用表单即可。通过将GET方法与表单一起使用并命名输入字段“amount”，这将在表单提交时添加到URL中。当您在框中输入1.00时，请继续尝试提交表单。页面加载后，您的网址将为donate.php?amount=1.00，与预期的一样。无需更改URL。

如果你正在使用POST，我只会建议不这样做。在这种情况下，它没有用处。

如何根据输入字段动态更改文本？

3 个答案: