javascript - 如何将输入到文本框中的变量插入到带有 javascript 的文本字符串中？

Question

我正在尝试生成链接

<a href="sms://[mobilenumber];body=exampletext">Send Sms/Text</a>

但需要让用户将 [mobilenumber] 输入到单独的文本框中。

Answer 1

如果您先学习 Javascript，您应该能够自己轻松回答这个问题。这里有一点帮助：

在javascript中创建一个函数来更新数字

function updateLink(number)
{
    var link = document.getElementById("link");
    link.href = "sms://" + number + ";body=exampletext";
    link.innerHTML = link.href;
}

使用 HTML 文本框和带有 id 的text锚点link。每次按下键时链接都会更新，因为该updateLink函数会触发onkeyup事件。

<input type="text" onkeyup="updateLink(this.value)"></input>
<a href="#" id="link">sms://;body=exampletext</a>

希望这可以帮助你学习

Answer 2

我创建了一个 JavaScript 函数，你可以使用它。您将更改您的代码，使其看起来像这样：

<a class="link" href="#">Link text here</a>

然后将您的潜在字符串存储在一个变量中，如下所示：

var hrefString = "sms://{0};body={1}">Send Sms/Text";

然后使用我在此处找到的 stringInject 函数：

Github：https ://github.com/tjcafferkey/stringinject

NPM：https ://www.npmjs.com/package/stringinject

一旦你得到你动态插入的值，你就可以将它们传递给带有字符串的函数，如下所示：

hrefString = stringInject(hrefString, [phoneNumber, bodyText]);

然后再次将 hrefString 设置为您的 href

var link = document.querySelector('.link');
link.href = hrefString;