javascript - 如何使用 Javascript 设置表单元素的值？

Question

我有一个像这样的简单表格：

<form ENCTYPE="multipart/form-data" action="upload.php" method="POST">
<p>UPLOAD FILE: <input type="file" name="file1"> <br /></p>
<input type="submit" value="Upload">
<input type="hidden" name="email" id="email" value="">
</form>

我必须将隐藏字段的值设置为“email@email.com”之类的电子邮件。我可以通过外部 iframe 添加查询字符串参数来获取此值，例如：

<iframe name="email@email.com" src="index.html?email=email@email.com">

行。但是如何将 value="" 设置为 value="email@email.com"？我知道必须使用 javascript，但我不知道如何处理 var。

Answer 1

document.getElementById('Id').value='new value';

回复评论： 试试这个：

<input type="" name="email" id="email">

<iframe id="frm" name="email@email.com" src="index.html?email=email@email.com">
</iframe>

<script>
document.getElementById('email').value = document.getElementById('frm').name;
</script>

然后你可以改变采用它。将类型更改为隐藏等。

Answer 2

如果您的脚本是从 iframe 内的文档执行的，您可以这样做：

var getUrlParameter = function(name, defaultValue) {
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( document.location.href );
    if( results == null ) return defaultValue;
    else return decodeURIComponent(results[1]);
};

document.getElementById('email').value=getUrlParameter('email');

Answer 3

正如您已将此问题标记为 jQuery 您可以使用$('#Id').val('new value');但不要忘记添加 jQuery 库。