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

How do I insert a variable entered into a textbox into a text string with javascript?

本文关键字：文本 变量 插入 字符串 何使用 输入 javascript      更新时间：2023-09-26

我正在尝试生成链接 

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

但需要让用户在单独的文本框中输入 [手机号码]。

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

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

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

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

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

希望这对你有所帮助

我创建了一个JavaScript函数，你可以为此使用。您将更改代码，使其如下所示：

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

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

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

然后使用我在这里找到的字符串注入函数：

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;
相关文章：