如何使用javascript在文本字段中输入文本
如何使用javascript在文本字段中输入文本
提问于 2018-08-07 06:13:29
我在wordpress网站上有一个表单，其中包含一个电子邮件地址的文本字段，如下所示：
<div class="tnp-field tnp-field-email"><label>Email</label><input class="tnp-email" type="email" name="ne" required></div>我可以从get参数(www.domain.com/? email =test@mail.com)中获取电子邮件地址，如下所示：
<script type='text/javascript'>
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
function getUrlParam(parameter, defaultvalue){
var urlparameter = defaultvalue;
if(window.location.href.indexOf(parameter) > -1){
urlparameter = getUrlVars()[parameter];
}
return urlparameter;
}
var emailtxt = getUrlParam('email','');
如何使用电子邮件填充文本字段
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-08-07 06:14:09
您可以只设置输入字段(HTMLInputElement.value = "value")的值。
document.querySelector("input[name=ne]").value = getUrlParam('email','');
<div class="tnp-field tnp-field-email"><label>Email</label><input class="tnp-email" type="email" name="ne" required></div>
<script type='text/javascript'>
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
function getUrlParam(parameter, defaultvalue){
var urlparameter = defaultvalue;
if(window.location.href.indexOf(parameter) > -1){
urlparameter = getUrlVars()[parameter];
}
return urlparameter;
}
var emailtxt = getUrlParam('email','');
console.log(emailtxt);
document.querySelector('input[name=ne]').value = emailtxt;
</script>
Stack Overflow用户
发布于 2018-08-07 06:34:20
您可以尝试使用DOM id选择器：
<input class="tnp-email" type="email" name="ne" id="yourId" required>
document.getElementById("yourId").innerHTML = "Your text";Stack Overflow用户
发布于 2018-08-07 06:55:35
您可以像这样使用DOM类名选择器：
var x = document.getElementsByClassName("tnp-email");
x[0].value = "Your value";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51716326
复制相关文章
相似问题
腾讯云开发者
