我使用纯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>
但当我点击撰写短信,我得到一个空收件人。
请帮助使用短信代码中的字段值!
最佳答案
您只能在JS template literals中执行类似“${phone}
”的操作。这种语法不是HTML的一部分。此外,当用户更新输入字段时,它必须使用event listener来更新链接,而不仅仅是当页面最初加载时。你得做这样的事。
<a id="composeSMS">
Compose SMS!
</a>
<script type="text/javascript">
$('#numPhone').on('input', function() {
$('#composeSMS').attr('href', 'sms:' + this.value + '?body=Hello!');
});
</script>