Jump to: navigation, search

PHP HTML Dynamic List From with Ajax

From w3cyberlearnings

Contents

PHP Dynamic List uses Ajax

Create HTML LIST uses Ajax.

Example 1

page.html

<html>
<head>
<title>LIST</title>
<script type="text/javascript" src="jquery.min.js">
</script>
<script type="text/javascript">
	$(document).ready(function() {
		$('div#actor_list').load('actors.php');
	});
</script>
</head>
<body>
<form>
	<div id="actor_list"></div>
</form>
</body>
</html>

actors.php

<?php

$actors = array(
	 'Greta Garbo',
	 'Andy Garcia',
	 'Ava Gardner',
	 'Lucy Johnson'
);

echo '<ul>';
foreach ($actors as $actor) {
	echo '<li>';
	echo $actor;
	echo '</li>';
}
echo '</ul>';
?>

Output

Php html dynamic list 1.png


Related Links


Dynamic HTML From Array
  1. Dynamic Drop Down List with Array
  2. Dynamic List with Array
  3. Dynamic Radio with Array
  4. Dynamic Checkbox with Array
Dynamic HTML From Database
  1. Dynamic Drop Down List with Database
  2. Dynamic List from Database
  3. Dynamic Radio from Database
  4. Dynamic Checkbox from database
Dynamic HTML with Ajax
  1. Dynamic Drop Down List with Ajax
  2. Dynamic List with Ajax
  3. Dynamic Radio with Ajax
  4. Dynamic Checkbox with Ajax
  5. Dynamic Form with Ajax
Others Related
  1. Dynamic Drop down with default option
  2. How to retrieve Form Data
Navigation
Web
SQL
MISC
References