时间戳

首页 > 解决方案 > 将隐藏值添加到输入表单（可能是 JS）

javascript - 将隐藏值添加到输入表单（可能是 JS）

问题描述

所以，我有这个 html 表单，用户填写他/她的信息。有手机号字段。

我想自动添加国家代码，但对用户隐藏（因为它只是一个本地 - 地理 - 营销活动，它是一个固定代码），所以我可以接收国家的手机号码代码直接添加到数据库中。

我所需要的只是表单（或JS）将值“11”添加到手机号码的开头，而用户不会注意到它。用户写“321-456789”，我会收到“ 11 321456789”。

如何编码？谢谢！

标签： javascripthtmlforms

解决方案

您可以使用 JS 将“11”添加到输入字段的值之前（感谢 Stephen P 的惊人词汇），如下所示：

function append11(){
    var mobilenumber = document.getElementById("phonenumber");
  var front = document.getElementById("front").value;
  mobilenumber.value=front+mobilenumber.value;

}
<input type="number" id="phonenumber"><input type="number" value="11" id="front" hidden><button onclick="append11()">
Append 11
</button>

在上面的示例中，无论您输入什么，单击“附加 11”按钮后，都会在值的前面添加“11”。您可以将其配置为提交如下表单：

function append11(){
    var mobilenumber = document.getElementById("phonenumber");
  var front = document.getElementById("front").value;
  mobilenumber.value=front+mobilenumber.value;
  alert(mobilevalue.value);

}
<form action="something" method="GET">
<input name="phonenumber" type="number" id="phonenumber"><input type="number" value="11" id="front" hidden><button onclick="append11()">
Submit
</button>

</form>

推荐阅读