如何使用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通过添加querystring参数来获得此值，例如：

<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库。