如何使用Javascript设置表单元素的值?

时间:2012-07-09 10:44:29

标签: javascript jquery forms iframe mootools

我有一个像这样的简单形式:

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

3 个答案:

答案 0 :(得分:3)

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>

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

答案 1 :(得分: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');

答案 2 :(得分:0)

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