Javascript 使用编辑操作在模式上获取重复数据后，是否可以删除重复数据？
我有一个问题，单击模式后，第二个数据将从我获取的第一个数据复制，如下图所示： 如您所见，单击其中一个进行编辑后，我有两个不同的数据。然后这就发生了 存在问题，因为您可以看到编辑数据在第二个数据上重复。 有两个数据具有相同的值 那么我怎样才能防止这种情况发生呢 我的编辑AjaxJavascript 使用编辑操作在模式上获取重复数据后，是否可以删除重复数据？,javascript,php,ajax,codeigniter,Javascript,Php,Ajax,Codeigniter,我有一个问题，单击模式后，第二个数据将从我获取的第一个数据复制，如下图所示： 如您所见，单击其中一个进行编辑后，我有两个不同的数据。然后这就发生了 存在问题，因为您可以看到编辑数据在第二个数据上重复。 有两个数据具有相同的值 那么我怎样才能防止这种情况发生呢 我的编辑Ajax //edit $('#showdata').on('click', '.item-edit', function(){ var id = $(this).attr('data'); $(
//edit
$('#showdata').on('click', '.item-edit', function(){
var id = $(this).attr('data');
$('#myModal').modal('show');
$('#myModal').find('.modal-title').text('Edit Question');
$('#myForm').attr('action', '<?php echo base_url() ?>teachers/updateQuestion');
$.ajax({
type: 'ajax',
method: 'get',
url: '<?php echo base_url() ?>teachers/editQuestion',
data: {id: id},
async: false,
dataType: 'json',
success: function(data){
$('input[name=question]').val(data.question);
$('input[name=choice1]').val(data.choice1);
$('input[name=choice2]').val(data.choice2);
$('input[name=choice3]').val(data.choice3);
$('input[name=answer]').val(data.answer);
},
error: function(){
alert('Could not Edit Data');
}
});
});
情态标题
创建一个选择题
问题:
选择1
选择2
选择3
答案选择
接近
保存更改
for(i=0; i<data.length; i++){
html +='<div class="card">'+
'<div class="card-header" style="background-color:#A9CEFA;">'+
'<h4>Created Question no.'+ n++ +'</h4>'+
'</div>'+
'<div class="card-body">'+
'<form>'+
'<input type="hidden" name="txtId" value="0">'+
'<div class="input-group">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text">Question</span>'+
'</div>'+
'<input type="text" name="question" value="'+data[i].question+'" class="form-control" required>'+
'</div>'+
'<hr>';
if(!data[i].choice1==0){
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 1</span>'+
'</div>'+
'<input type="text" class="form-control" value="'+data[i].choice1+'" name="choice1" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>';
}
if(!data[i].choice2==0){
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 2</span>'+
'</div>'+
'<input type="text" class="form-control" name="choice2" value="'+data[i].choice2+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>';
}
if(!data[i].choice3==0){
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 3</span>'+
'</div>'+
'<input type="text" class="form-control" name="choice3" value="'+data[i].choice3+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>';
}
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Answer Choice</span>'+
'</div>'+
'<input type="text" class="form-control" name="answer" value="'+data[i].answer+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>'+
'<a href="javascript:;" class="btn btn-info item-edit" data="'+data[i].id+'">Edit </a> '+
'<a href="javascript:;" class="btn btn-danger item-delete" data="'+data[i].id+'"> Delete</a>'+
'</form>'+
'</div>'+
'</div><hr>';
}
$('#showdata').html(html);
for（i=0；i由于您已经在模式上设置了所有ID（例如input[name=question]
），您可以将选择器设置为这些ID而不是名称（例如input\question
）：
//编辑
$（'#showdata'）。在（'单击'，'项编辑'，函数（）上{
var id=$（this.attr（'data'）；
$（'myModal'）.modal（'show'）；
$（“#myModal”）.find（“.modal title”）.text（'Edit Question'）；
$（'#myForm'）.attr（'action'，'teachers/updateQuestion'）；
$.ajax({
键入：“ajax”，
方法：“get”，
url:“教师/编辑问题”，
数据：{id:id}，
async:false，
数据类型：“json”，
成功：功能（数据）{
$（'input#question'）.val（data.question）；
$（'input#choice1'）.val（data.choice1）；
$（'input#choice2'）.val（data.choice2）；
$（'input#choice3'）.val（data.choice3）；
$（'input#answer'）.val（data.answer）；
},
错误：函数（）{
警报（“无法编辑数据”）；
}
});
});
使用此代码$（'input[name=question]'）.val（data.question）；
您为所有名为question的输入指定了相同的值。因此，您应该使用ID而不是name来更新它们。如果包含html，也会更好codes@Triby-您好！我还没有进入更新操作，我仍然在编辑中获取数据。我通过ID获取数据。您想要推荐的是更改它到id？@HastaDhana-我刚刚编辑并带来了上面的html，请参见：）谢谢，请为您想要在ajax成功上更新的元素添加html代码。谢谢先生<代码>$（'input#question'）.val（data.question）这是一种简单的方法。我要改变我所有其他的编辑操作，比如这个。新的收获，谢谢！很高兴我能帮忙；）
public function editQuestion(){
$id = $this->input->get('id');
$this->db->where('id', $id);
$query = $this->db->get('quiz');
if($query->num_rows() > 0){
return $query->row();
}else{
return false;
}
}
<!-- Modal -->
<div class="modal fade-scale" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<div class="card">
<div class="card-header">
<h4>Create a Multiple Choice Question</h4>
</div>
<div class="card-body">
<form>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">Question</span>
</div>
<input type="text" name="question" id="question" class="form-control" required />
<p id="err_field"></p>
</div>
<hr>
<div class="input-group input-group-sm mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">Choice 1</span>
</div>
<input type="text" class="form-control" name="choice1" id="choice1" aria-describedby="inputGroup-sizing-sm" required />
</div>
<div class="input-group input-group-sm mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">Choice 2</span>
</div>
<input type="text" class="form-control" name="choice2" id="choice2" aria-describedby="inputGroup-sizing-sm" required />
</div>
<div class="input-group input-group-sm mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">Choice 3</span>
</div>
<input type="text" class="form-control" name="choice3" id="choice3" aria-describedby="inputGroup-sizing-sm" required />
</div>
<div class="input-group input-group-sm mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">Answer Choice</span>
</div>
<input type="text" class="form-control" name="answer" id="answer" aria-describedby="inputGroup-sizing-sm" required />
</div>
<input type="button" id="btnSave" class="btn btn-block btn-info" value="Submit" />
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btnClose" class="btn btn-default">Close</button>
<button type="button" id="btnSave" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
for(i=0; i<data.length; i++){
html +='<div class="card">'+
'<div class="card-header" style="background-color:#A9CEFA;">'+
'<h4>Created Question no.'+ n++ +'</h4>'+
'</div>'+
'<div class="card-body">'+
'<form>'+
'<input type="hidden" name="txtId" value="0">'+
'<div class="input-group">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text">Question</span>'+
'</div>'+
'<input type="text" name="question" value="'+data[i].question+'" class="form-control" required>'+
'</div>'+
'<hr>';
if(!data[i].choice1==0){
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 1</span>'+
'</div>'+
'<input type="text" class="form-control" value="'+data[i].choice1+'" name="choice1" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>';
}
if(!data[i].choice2==0){
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 2</span>'+
'</div>'+
'<input type="text" class="form-control" name="choice2" value="'+data[i].choice2+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>';
}
if(!data[i].choice3==0){
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 3</span>'+
'</div>'+
'<input type="text" class="form-control" name="choice3" value="'+data[i].choice3+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>';
}
html += '<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Answer Choice</span>'+
'</div>'+
'<input type="text" class="form-control" name="answer" value="'+data[i].answer+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>'+
'<a href="javascript:;" class="btn btn-info item-edit" data="'+data[i].id+'">Edit </a> '+
'<a href="javascript:;" class="btn btn-danger item-delete" data="'+data[i].id+'"> Delete</a>'+
'</form>'+
'</div>'+
'</div><hr>';
}
$('#showdata').html(html);