Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript将输入文本框的变量插入文本字符串?_Javascript - Fatal编程技术网

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

如何使用javascript将输入文本框的变量插入文本字符串?,javascript,Javascript,我正在尝试生成一个链接 <a href="sms://[mobilenumber];body=exampletext">Send Sms/Text</a> 但是需要让用户在单独的文本框中输入[mobilenumber]。如果您先学习Javascript,您应该能够轻松回答这个问题。这里有一些帮助: 在javascript中创建一个函数来更新数字 function updateLink(number) { var link = document.getElemen

我正在尝试生成一个链接

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

但是需要让用户在单独的文本框中输入[mobilenumber]。如果您先学习Javascript,您应该能够轻松回答这个问题。这里有一些帮助:

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

function updateLink(number)
{
    var link = document.getElementById("link");
    link.href = "sms://" + number + ";body=exampletext";
    link.innerHTML = link.href;
}
使用HTML文本框和带有文本和链接id的锚定。 每次按下一个键时,链接都会更新,因为updateLink函数会在onkeyup事件上触发


希望这能帮助您学习

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

<a class="link" href="#">Link text here</a>
然后使用我在此处找到的stringInject函数:

Github:

NPM:

一旦获得要动态插入的值,就可以使用如下字符串将它们传递到函数中:

hrefString = stringInject(hrefString, [phoneNumber, bodyText]);
然后再次将hrefString设置为href

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

你知道变量是如何工作的吗?基本上知道。一个示例脚本会很有用。
hrefString = stringInject(hrefString, [phoneNumber, bodyText]);
var link = document.querySelector('.link');
link.href = hrefString;