更改html表单值,加载页面并点击按钮

问题描述:

我想通过html表单获取用户输入,通过javacript更新输入,加载一个网页,我将使用更新后的输入加载进去。一切进展顺利我似乎无法获得该网页按钮来点击并实际登录输入的字段。更改html表单值,加载页面并点击按钮

编辑::要清楚,这个页面将有一个用户名输入按钮。用户输入他的名字并点击按钮。然后,我更新该用户输入并加载一个新的网页,我将填写用户名字段并单击“登录”按钮。

我有一切工作,但我似乎无法点击第二个网页上的“登录”按钮。纵观网页我知道班级类型名称和按钮我需要点击

类=“BTN”类型=价值“提交”名称=“行动”值=“登录”

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script> 
 
function func() 
 
{ 
 

 
\t var str1 = document.getElementById("name").value; 
 
\t var str2 = "12345"; 
 
\t document.getElementById("name").value = str1.concat(str2); 
 
\t return true; 
 

 
    
 
} 
 
</script> 
 
</head> 
 
<body> 
 

 
<form action="website.com" method="POST"> 
 
<input name="login" id="name" value="username" /> 
 
<button id="button" onclick="func()">press button</button> 
 

 

 
</form> 
 

 
</body> 
 
</html>

+0

@MilanChheda都会工作 – Vineesh

+0

在按钮标记 – Selvakumar

+0

@Vineesh - Ok .. –

尝试

function func() { 
 
    var str1 = document.getElementById("name").value; 
 
    var str2 = "12345"; 
 
    document.getElementById("name").value = str1.concat(str2); 
 
    return true; 
 

 

 
}
<form action="website.com" method="POST"> 
 
    <input name="login" id="name" value="username" /> 
 
    <button id="button" onclick="func()">press button</button> 
 
</form>

+0

我认为这是我已经有的代码。这将使所有的工作,除非它不会点击第二页上的按钮 – razeal113

+0

你是什么意思第二页一个按钮在一页中定义它将如何使用一秒钟的页面......? @ razeal113 – Bhargav

+0

我对我原来的问题做了一个编辑,希望能够让这一点更清晰。我写的代码将有一个用户名字段和一个按钮来点击。一旦用户点击那个按钮,我更新他输入的数据,加载一个新的网页,用更新的值填充一个登录字段,然后单击一个按钮。但我似乎无法点击第二个按钮。 我知道这个第二个按钮的类,类型,名称,值,但只需要一种方法来点击它 – razeal113