Cara menggunakan dynamic web php

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat PHP jQuery Dynamic Textbox. Tutorial ini membantu menambah atau menghapus kotak teks secara dinamis menggunakan jQuery dan PHP. Ini juga menjelaskan cara membaca nilai-nilai kotak teks yang dibuat secara dinamis dan menyimpannya ke database.

1. Simpan textbox HTML dalam file terpisah.
2. Muat dan tambahkan textbox dinamis
3. Hapus item textbox di acara hapus.
4. Baca dan masukkan data ke dalam database saat dikirimkan.

Database Script

Buata database berikut di database kalian masing -masing.

1

2

3

4

5

CREATE TABLE `item` (

  `id` int(11) NOT NULL,

  `item_name` varchar(255) NOT NULL,

  `item_price` double NOT NULL

);

HTML Textbox

Simpan kode ini sebagai input.php. File ini akan dimuat kemudian menggunakan jQuery untuk menambahkan kode HTML textbox ke lokasi target.

1

2

3

4

5

<DIV class="product-item float-clear" style="clear:both;">

<DIV class="float-left"><input type="checkbox" name="item_index[]" /></DIV>

<DIV class="float-left"><input type="text" name="item_name[]" /></DIV>

<DIV class="float-left"><input type="text" name="item_price[]" /></DIV>

</DIV>

Load and Append Teks Dinamis

Markup kotak teks akan ditambahkan secara dinamis dengan menggunakan jQuery append () dan load (). Berikut scriptnya,

1

2

3

4

5

function addMore() {

   $("<DIV>").load("input.php", function() {

      $("#product").append($(this).html());

   });

}

Hapus Textbox

Saya memiliki kotak centang untuk setiap baris secara dinamis menambahkan kotak teks untuk memilih baris yang akan dihapus dari acara hapus. Dan skrip untuk menghapus item yang dicentang adalah,

1

2

3

4

5

6

7

8

9

function deleteRow() {

   $('DIV.product-item').each(function(index, item){

      jQuery(':checkbox', this).each(function () {

         if ($(this).is(':checked')) {

    $(item).remove();

         }

      });

   });

}

Read Dynamic Textbox Input

Ini, seperti biasa, telah kita lihat di beberapa contoh kasar MySQL. Berikut Scriptnya,

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<?php

if(!empty($_POST["save"])) {

    $conn = mysqli_connect("localhost","root","test", "blog_samples");

$itemCount = count($_POST["item_name"]);

$itemValues=0;

$query = "INSERT INTO item (item_name,item_price) VALUES ";

$queryValue = "";

for($i=0;$i<$itemCount;$i++) {

if(!empty($_POST["item_name"][$i]) || !empty($_POST["item_price"][$i])) {

$itemValues++;

if($queryValue!="") {

$queryValue .= ",";

}

$queryValue .= "('" . $_POST["item_name"][$i] . "', '" . $_POST["item_price"][$i] . "')";

}

}

$sql = $query.$queryValue;

if($itemValues!=0) {

    $result = mysqli_query($conn, $sql);

if(!empty($result)) $message = "Added Successfully.";

}

}

?>

PHP jQuery Dynamic Textbox Output

Screenshot dibawah ini menunjukkan kotak input yang ditambahkan secara dinamis menggunakan jQuery AJAX menambahkan lebih banyak opsi. Dan kotak centang untuk menghapus semua textbox.

Langkah langkah membuat web dengan php?

Apa contoh dari web dinamis?

Apakah PHP bisa membuat web?

Apa yang dimaksud dengan web Dinamis?