从html输入文本创建链接

Question

我想知道是否有可能从html输入生成链接（<a href = "tel :）。我解释自己；

我有3个html文本输入，必须将这3个输入连接起来才能进行电话拨号。范例

view image

简单来说，我需要结果为<a href = "tel :，以便我可以单击并重定向到软件电话

谢谢：）

Answer 1

有几种实现方法。

这里是类似的文章，您可以在那里找到合适的答案。

how to call a phone number through javascript without using tag?

Answer 2

假设您有3个HTML输入和一个链接，即

<input type="text" class="tel-inputs" placeholder="First" />
<input type="text" class="tel-inputs" placeholder="Second" />
<input type="text" class="tel-inputs" placeholder="Third" />

<a id="tel-link" href="#">Call</a>

您可以使用val()获取每个输入的值，并将链接的href属性替换为jQuery中的attr()方法。例如，您可以执行以下操作，该操作将基于三个输入值来更新输入的呼叫链接：

$(function()
{
    $('.tel-inputs').on('input', (e) =>
    {
       var telValues = "";
       $('.tel-inputs').each((index, el) => { telValues += $(el).val(); });

       $('#tel-link').attr('href', `tel: ${telValues}`);
   });
});

Example