PHP HTML Dynamic Radio From with Ajax
From w3cyberlearnings
Contents |
PHP Dynamic Radio Button Uses Ajax
Use Ajax to generate a dynamic Radio button.
Example 1
main.html
<html>
<head>
<title>Dropdown</title>
<script type="text/javascript" src="jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$('div#car_list').load('cars.php');
});
</script>
</head>
<body>
<form>
<table>
<tr>
<td>Email:</td>
<td><input type="text" name="email"/></td>
</tr>
<tr>
<td>Car:</td>
<td><div id="car_list"></div></td>
</tr>
<tr>
<td></td>
<td><input type="submit"/></td>
</tr>
</table>
</form>
</body>
</html>
cars.php
<?php
$array = array('BMW', 'Ford', 'Honda', 'Toyota', 'Lexus', 'KIA', 'SCION');
for ($i = 0; $i < count($array); $i++) {
echo "<input type=\"radio\" name=\"car\" value=\"{$array[$i]}\" id=\"id{$array[$i]}\"/>";
echo "<label for=\"id{$array[$i]}\">$array[$i]</label><br/>";
}
?>
Output
Related Links
Dynamic HTML From Array
Dynamic HTML From Database
Dynamic HTML with Ajax
- Dynamic Drop Down List with Ajax
- Dynamic List with Ajax
- Dynamic Radio with Ajax
- Dynamic Checkbox with Ajax
- Dynamic Form with Ajax
Others Related
