如何填写表单字段,并提交,使用javascript? [英] How to fill in form field, and submit, using javascript?

查看:108
本文介绍了如何填写表单字段,并提交,使用javascript?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果我有一个html文档,其粗体结构是

If I have an html document whose rough structure is

<html>
<head>
</head>
<body class="bodyclass" id="bodyid">
<div class="headerstuff">..stuff...</div>
<div class = "body">
<form action="http://example.com/login" id="login_form" method="post">
<div class="form_section">You can login here</div>
<div class="form_section">
<input xmlns="http://www.w3.org/1999/xhtml" class="text" id="username"
       name="session[username_or_email]" tabindex="1" type="text" value="" />
</div>
<div class="form_section">etc</div>
<div xmlns="http://www.w3.org/1999/xhtml" class="buttons">
    <button type="submit" class="" name="" id="go" tabindex="3">Go</button>
    <button type="submit" class="" name="cancel" 
            id="cancel" tabindex="4">Cancel</button>
</div>
</form>
</div>
</body>
</html>

您可以看到有一个用户名字段和一个Go按钮。我如何使用Javascript填写用户名,然后按Go??

You can see that there is a username field and a Go button. How would I, using Javascript, fill in the username and press Go...?

我宁愿使用纯JS,而不是像jQuery这样的库。

I would prefer to use plain JS, rather than a library like jQuery.

推荐答案

document.getElementById('username').value="moo"
document.forms[0].submit()

这篇关于如何填写表单字段,并提交,使用javascript?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆