2016-06-22 8 views
0

ダイナミックフィールドフォームから配列データを挿入しました。ここに私のファイルがあるPHPフォームの配列データ使用ボタンを編集/削除するには?

dbconn.php

<?php 
$mysql_db_hostname = "localhost"; 
$mysql_db_user = "root"; 
$mysql_db_password = ""; 
$mysql_db_database = "try"; 

$connection = mysql_connect($mysql_db_hostname, $mysql_db_user, $mysql_db_password) or die("Could not connect database"); 
mysql_select_db($mysql_db_database, $connection) or die("Could not select database"); 
?> 

、それは私の質問はどのようにある

のindex.php

<?php 
require("dbconn.php"); 
?> 

<html> 
<head> 
<title></title> 
<script type="text/javascript" src="../js/jquery-1.7.0.min.js"></script> 
<script type="text/javascript"> 
var counter = 1; 
$(function(){ 
$('#add_field').click(function(){ 
counter += 1; 
$('#container').append(
'<div><strong>Hobby No. ' + counter + '</strong><br />' 
+ '<input id="field_' + counter + '" name="dynfields[]' + '" type="text" required /> <button type="button" href="#" class="remove_field">-</button><br /></div>'); 

}); 
$('#container').on("click",".remove_field", function(e){ //user click on remove text 
     e.preventDefault(); $(this).parent('div').remove(); counter--; 
    }) 
}); 
</script> 

<body> 

<?php 
if (isset($_POST['submit_val'])) { 
if ($_POST['dynfields']) { 
foreach ($_POST['dynfields'] as $key=>$value) { 
$values = mysql_real_escape_string($value); 
$query = mysql_query("INSERT INTO prefix (ipfx,cid) VALUES ('$values','123')", $connection); 

} 
} 

echo "<i><h2><strong>" . count($_POST['dynfields']) . "</strong> Hobbies Added</h2></i>"; 

mysql_close(); 
} 
?> 
<?php 
if (!isset($_POST['submit_val'])) { ?> 

<?php 
    $result = mysql_query("SELECT * FROM prefix WHERE cid = '123'") 
      or die(mysql_error()); 

      echo "<form method='post'><table border='1' cellpadding='7'>"; 
      echo "<tr> 
        <th><font color='Red'>CID</font></th> 
        <th><font color='Red'>Hobi</font></th> 
        </tr>"; 

      $row = mysql_fetch_array($result); 
      echo '<tr> 
         <td><font color="#333">' . strtoupper($row['cid']) . '</font></td><td><table>'; 

      $no=1; 
      while($row = mysql_fetch_array($result)) 
      { 
       echo ' 
         <tr><td><input type="text" value="' . $row['ipfx'] . '"><hr></td></tr>'; 

         //////////////////////////////////// 


         } 

       echo '</table></td></tr></table>'; 
      $no++; 
     ?> 
<h1>Add your Hobbies</h1> 
<form method="post" action=""> 

<div id="container"> 
<strong>Hobby No. 1</strong><br /><input id="field_1" name="dynfields[]" type="text" required/> <button type="button" id="add_field" href="#">+</button> 
</div><br /> 

<input type="submit" name="submit_val" value="Submit" /> 
</form> 
<?php } ?> 

</body> 
</html> 

このファイルから、それを表示し、入力されます編集する/そのデータをPHPフォームのonclickボタンで削除するには?

ありがとうございました

+1

まだmysql関数を使用している人は、php7が主流になるときに楽しい時間を過ごすでしょう< –

答えて

0

これにはさまざまな方法があります。

  1. あなたは

  2. またはあなたがそれを提出することができ、直接ポイント1については

削除/編集用のデータを送信するためのAJAXを使用することができます - /まず第一には、編集を追加し、それぞれにボタンを削除します(あなたは任意のテキストであなたのipfx番号を使用してそれを行うことができます)&それを提出するための任意のjsメソッドを呼び出すことができます&動的に変更します。それを提出している間に、そのユニークなIDを使用してデータを収集することができます&簡単にajaxの提出でそれを操作することができます。このよう

- jsの一部のループ

<button id="edit_<?php echo $row['ipfx']; ?>" name="edit" type="button" onclick='edit_data("<?php echo $row['ipfx']; ?>");'/> 

内部 -

function edit_data(id){ 
var data1 = $('#id').val(); 
$.ajax({ 
    "data": {"data1": data1}, 
    "type": "POST", 
    "url": "test.php" 
}); 
} 

希望は今、あなたは非常に簡単にそれを完了することができます。

+0

データベースに再提出する方法(更新) –

+0

jquery ajax submissionについてお読みください。それから、あなたには明らかです。 $ .ajax({})の内部では、データを渡すことができます。フォームを提出するための他のPHPメソッド/ファイルを呼び出すことができます。 – Jobayer

+0

ajax呼び出し内の更新されたコードを確認し、指定された作業のデータ部分とURL部分を変更する – Jobayer

関連する問題