У меня есть текстовое поле, кнопка и ул. Пользователь вводит электронную почту в текстовое поле и нажимает кнопки, чтобы сделать вызов AJAX. Если у электронной почты есть какой-либо пользователь в базе данных, он обновляет ul-> li. Я хочу предоставить пользователю возможность редактировать данные в ul-> li. Я не могу этого сделать. У вас есть идеи, как я могу это сделать?
#tasks-add= Button
#foo= textfield
#tasks= ul
<script>(This script to make Ajax call and update ul)
$("#tasks-add").click(function(){
$.ajax({
success: function(html){
$(".tasks").prepend(html);
},
type: 'post',
url: '<?php echo $this->createUrl('field')?>',
data: {
index:$("#foo").val(),index1: $(".tasks li").size()
},
cache: false,
dataType: 'html'
})
});
</script>
<script> (this script to in line edit ul using jeditable)
$(document).ready(function() {
$('.tasks li').editable('http://www.google.com');
});
</script>
<ul class="tasks">
***// this is what I am updating through Ajax. I want inline edit to be performed here***
</ul>
<><><><><><><>><><>><><><><><><><><><><>
_task.php
**<li>
<div class="panel">
<?php if($check=='Player already existed'){
echo $index1.". ".$fname ." ".$lname;
echo "<label> Player already existed</label>";
} else
echo "<label> New Player will be added</label>";
?>
</div>
</li>**