首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用javascript在文本字段中输入文本

如何使用javascript在文本字段中输入文本
EN

Stack Overflow用户
提问于 2018-08-07 06:13:29
回答 3查看 378关注 0票数 0

我在wordpress网站上有一个表单,其中包含一个电子邮件地址的文本字段,如下所示:

代码语言:javascript
复制
<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)中获取电子邮件地址,如下所示:

代码语言:javascript
复制
<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','');

如何使用电子邮件填充文本字段

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-08-07 06:14:09

您可以只设置输入字段(HTMLInputElement.value = "value")的值。

代码语言:javascript
复制
document.querySelector("input[name=ne]").value = getUrlParam('email','');

代码语言:javascript
复制
<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>

票数 1
EN

Stack Overflow用户

发布于 2018-08-07 06:34:20

您可以尝试使用DOM id选择器:

代码语言:javascript
复制
<input class="tnp-email" type="email" name="ne" id="yourId" required>

document.getElementById("yourId").innerHTML = "Your text";
票数 1
EN

Stack Overflow用户

发布于 2018-08-07 06:55:35

您可以像这样使用DOM类名选择器:

代码语言:javascript
复制
 var x = document.getElementsByClassName("tnp-email");
 x[0].value = "Your value";
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51716326

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档