所以我有一个 HTML link 需要一个存在于 MVC 输入中的属性

Question

<a href="https://yourwater.oregon.gov/dcoliform.php?pwsno=$('#PWS').val()" target="_blank" id="DataOnline">Data Online</a>

MVC 输入是：

@Html.TextBoxFor(model => model.PWS)

我在各种 javascript 中引用了此输入，例如 document.onload()。但不确定如何在 URL name/value 对中发送它 URL 是正确的。它只是不会发送 5 位数字。拿到后网页应该是这样的：

href="https://yourwater.oregon.gov/dcoliform.php?pwsno=99999

(99999为水系编号举例)

Answer 1

如果你有这样的 html -

<a href="https://yourwater.oregon.gov/dcoliform.php?pwsno=" target="_blank" id="DataOnline">Data Online</a>
<input type="text" id="PWS" value="99999" />

您可以轻松编写脚本来执行此操作。这可以在点击处理程序或页面加载或 onchange 中进行，具体取决于您的要求。

var hreftxt = $("#DataOnline").attr("href");
$("#DataOnline").attr("href", hreftxt + $('#PWS').val());

检查这个 JSFiddle:

所以我有一个 HTML link 需要一个存在于 MVC 输入中的属性

So I have an HTML link that needs one attribute which exists in MVC input

html

asp.net-mvc

jquery

hyperlink