Javascript 带有HTML的文本消息

我使用纯HTML编写了一条短信，只需添加一个特殊的href值，通常常规URL如下所示：

<a href="sms:+33xxxxxxxx?body=Hello!">
    Compose SMS!
</a>

我创建了一个文本字段来输入电话号码

<input type="text" id="numPhone" style="width: 203px;">

我希望SMS HTML代码使用此字段的值，因此我尝试如下：

<script type="text/javascript"> 
    var phone = $('#numPhone').val();
</script>

<a href="sms:${phone}?body=Hello!">
    Compose SMS!
</a>

var phone=$（'#numPhone'）.val（）；

但当我点击撰写短信时，我得到一个空的收件人。

---

请提供任何帮助以使用SMS代码中的字段值

您只能在中执行类似“

${phone}

”的操作。这种语法不是HTML的一部分。此外，它必须在用户更新输入字段时使用更新链接，而不仅仅是在页面最初加载时。你必须这样做

<a id="composeSMS">
    Compose SMS!
</a>

<script type="text/javascript">
    $('#numPhone').on('input', function() {
        $('#composeSMS').attr('href', 'sms:' + this.value + '?body=Hello!');
    });
</script>

撰写短信！
$（'#numPhone'）。on（'input'，function（）{
$（'#composeSMS'）.attr（'href'，'sms:'+this.value+'？body=Hello！'）；
});

您可以使用

数据-

属性设置

href

的已知部分。然后将JavaScript中的

href

值设置为

数据-

和动态部分：

函数更新链接（输入）{
var phone=$（输入）.val（）；
$（'合成'）.attr（'href'，$（'合成'）.attr（'data-href1'）+电话+$（'合成'）.attr（'data-href2'）；
}
updateLink（“#numPhone”）

谢谢，但这不起作用。当我点击链接时没有任何动作！在那里，我编辑了我的答案，这样每当输入字段更新时代码都会运行。我尝试了你的建议，但没有成功。这里的代码是：哎呀，我忘了在事件侦听器中没有为
input
元素使用jQuery对象。我又编辑了一遍，现在应该可以用了；我刚测试过。对不起，代码没有编辑。如果可能的话，你能把它放在JSFIDLE中吗？谢谢