Как открыть новую форму нажатием кнопки?

Привет, я использую php, где я использую ajax. Я извлекаю данные из базы данных без перезагрузки страницы. Я получаю данные на одной странице. Теперь я хочу, чтобы когда я получал данные, которые я извлекал в формате таблицы, тогда появляется кнопка обновления, когда я нажимаю на кнопку обновления новая форма должна открытьКак открыть новую форму нажатием кнопки?

Вот код

index.php

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript"> 
function fun() 
{ 
var exam=new XMLHttpRequest(); 
exam.onreadystatechange=function() 
{ 
    if(exam.readyState==4) 
    { 
     document.getElementById("res").innerHTML=exam.responseText; 
    } 
} 
exam.open("GET","rat_test.php?name=pramod",true); 
exam.send(null); 
} 
</script> 
</head> 
<body> 
<form action="" method="post" id="form" name="form"> 
<table> 
<tr> 
<td></td><td><input type="button" onclick="fun();" value="getvalue" /> 
</td></tr> 
<div id="res"></div> 
</table> 
</form> 
</body> 
</html>

rat_test.php

<table border="1"> 
    <tr> 
    <th scope="col">ID</th> 
    <th scope="col">Name</th> 
    </tr> 
<?php 
include("connection.php"); 
$sel="select * from info"; 
$res=mysql_query($sel); 
while($fet=mysql_fetch_array($res)) 
{ ?> 
<tr> 
<td><input type="checkbox" name="users[]" value="<?php echo $row["id"]; ?>" ></td> 
    <td><?php echo $fet['id']; ?></td> 
    <td><?php echo $fet['name']; ?></td> 

    </tr> 
<?php } 
?> 
</table> 
<form action="" method="post" id="form" name="form"> 
<table> 
<tr> 
<td></td><td><input type="button" onclick="fun()1;" value="Update" /> 
</td></tr> 
</table> 
</form>

здесь test_rat.php обновление кнопка доступна я хочу открыть новую форму на эту кнопку Кнопка обновления

Как я могу добиться этого

Любая помощь будет оценена

источник

2014-09-04 kunal rajawat

Либо получить новую форму с помощью AJAX или создать с помощью JavaScript на лету – Shadow

, как я мог бы получить может у пожалуйста, написать код –

Вы четко не упомянуть то, что вы хотите здесь ..

Как я понимаю, вы хотите открыть форму по нажатию кнопки обновления, чтобы открыть форму

я сделал то же ....

Просто вам нужно обновить rat_test.php с помощью кода ниже ...

<table border="1"> 
    <tr> 
    <th scope="col">ID</th> 
    <th scope="col">Name</th> 
    </tr> 
<?php 
include("connection.php"); 
$sel="select * from info"; 
$res=mysql_query($sel); 
while($fet=mysql_fetch_array($res)) 
{ ?> 
<tr> 
<td><input type="checkbox" name="users[]" value="<?php echo $row["id"]; ?>" ></td> 
    <td><?php echo $fet['id']; ?></td> 
    <td><?php echo $fet['name']; ?></td> 

    </tr> 
<?php } 
?> 
</table> 

<table> 
<tr> 
<td></td><td><input type="button" onclick="document.getElementById('updateForm').style.display='block'" value="Update" /> 
</td></tr> 
</table> 
<div id="updateForm" style="display:none"> 
<form action="" method="post" id="form" name="form"> 
    <table border="1"> 
    <tr> 
    <th scope="col">ID</th> 
    <th scope="col"><input type="text"></th> 

    <tr> 
    <th scope="col">Name</th> 
    <th scope="col"><input type="text"></th> 
    </tr></tr> 
</form></div>

Если вам нужна дополнительная помощь ..please разработать ваши требования ...

источник

2014-09-04 06:30:04 Brijesh

@ Когда новая форма, открытая предыдущая, должна скрывать –

ОК, вам нужно поставить идентификатор в предыдущей форме как id = «preform» на индексной странице и обновить rat_test.php как строку document.getElementById ('updateForm'). style.display = 'block' , не document.getElementById ('брикет'). style.display = 'ни' – Brijesh

Вы можете использовать ajax для получения новой формы из бэкэнд или использовать javascript для создания новой формы. Перед тем, как погрузиться, проведите некоторое исследование о том, как создавать элементы с помощью javascript.

Fiddle demo

function makeForm(){ 
var ele = document.createElement("input"); 
ele.setAttribute("type","text"); 
ele.setAttribute("class" , "your class"); 
ele.setAttribute("name" , "username"); 

var ele2 = document.createElement("input"); 
ele2.setAttribute("type","password"); 
ele2.setAttribute("class" , "your class"); 
ele2.setAttribute("name" , "password"); 


document.body.appendChild(ele); 
document.body.appendChild(ele2); 
}

источник

2014-09-04 06:20:48 Shadow

Как открыть новую форму нажатием кнопки?

ответ

Смежные вопросы