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;
}

使用带有text和link ID的HTML文本框和锚点。每次按下键时链接都会更新，因为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;

如何使用javascript将输入到文本框中的变量插入到文本字符串中？

2 个答案: