Skip to content

Instantly share code, notes, and snippets.

@meidikawardana
Created March 14, 2019 02:08
Show Gist options
  • Save meidikawardana/dd5c00b7cf894b025a6d66438381626e to your computer and use it in GitHub Desktop.
Save meidikawardana/dd5c00b7cf894b025a6d66438381626e to your computer and use it in GitHub Desktop.
adding element dynamically by jquery and php
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<table class="addNewRow">
<tr>
<td>Picker</td>
<td>input 1</td>
<td>input 2</td>
</tr>
</table>
<button class="btn btn-success btn-add" type="button" onclick="addNewField(this)">Add</button>
<script>
function addNewField()
{
<?php
$result = array();
$data = array();
$data['Access'] = 'Admin';
array_push($result, $data);
$data = array();
$data['Access'] = 'Admin2';
array_push($result, $data);
foreach($result as $data){
$chain = $data['Access'];
?>
var element = "<tr>"
+"<td><select class='selectpicker NameSelected' style='width:200px'><option><?php echo $chain; ?></option></select></td>"
+"<td><input type='text'></td>"
+"<td><input type='text'></td>"
+"</tr>";
$('.addNewRow').append(element);
<?php
}
?>
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment