Php 在JQuery AJAX请求后删除动态下拉选项
我有一个包含下拉框的表单。这个下拉列表的选项是使用PHP从我的数据库中动态填充的。提交我的表单时,包含下拉列表中选择的ticketId的行将从数据库中删除。我想要的是,在AJAX调用成功后,重新填充这个列表,而不包含刚才删除的行 我的表格:Php 在JQuery AJAX请求后删除动态下拉选项,php,jquery,ajax,html,Php,Jquery,Ajax,Html,我有一个包含下拉框的表单。这个下拉列表的选项是使用PHP从我的数据库中动态填充的。提交我的表单时,包含下拉列表中选择的ticketId的行将从数据库中删除。我想要的是,在AJAX调用成功后,重新填充这个列表,而不包含刚才删除的行 我的表格: <form name="transferTicketForm" id="transferTicketForm"> <div class='form-group'> <label for="ticket_n
<form name="transferTicketForm" id="transferTicketForm">
<div class='form-group'>
<label for="ticket_number">Choose ticket:</label>
<select name="ticket_number" id="ticket_number" class="form-control">
<?php foreach ($assigned_tickets as $ticket): ?>
<option value="<?php echo($ticket->ticketId); ?>"><?php echo ($ticket->ticketId . " - " . $ticket->headline); ?></option>
<?php endforeach; ?>
</select>
</div>
<div class="form-group">
<label for="assignTo">Transfer to:</label>
<select name="assignTo" id="assignedTo" class="form-control">
<?php foreach($employees as $employee): ?>
<option value='<?php echo($employee->userId); ?>'><?php echo ($employee->firstName . " " . $employee->lastName);?></option>
<?php endforeach; ?>
</select>
</div>
<div class="form-group">
<label for="transferComment">Comment:</label>
<textarea name="transferComment" id="transferComment" class="form-control"></textarea>
</div>
<div class="text-center">
<input class="btn btn-primary" type="button" id="doTransferTicketButton" value="Transfer Ticket">
</div>
</form>
及
这两个都不适合我要做的
任何帮助都将不胜感激。谢谢大家! 首先让AJAX文件在删除时回显票证ID。此ID将传递给success函数。在成功运行时:
success: function(data){
$("#ticket_number option[value=data]").remove();
}
代码不是testet,但我认为它会工作。我认为它也应该工作。但是,我试过了,我仍然拥有与ajax调用之前相同的填充下拉选项的数据。您的ajax文件(ticket\u system/transfer\u和\u comment\u ticket)是否回显了ticket ID?是的。我包括了echo($this->input->post('ticketId');哪一个将回显正在删除的票证号将向函数发送哪些数据?成功:发送正确数据的函数(数据){alert(data);}。在重新查看代码后,我发现了一个拼写错误,一旦更正,它就正常工作了。非常感谢。通过此
$('#ticket'+$target\u ticket.remove())删除哪个元素代码>?它是站点上另一个表中的列表项。
success: function(data){
$target_ticket = $('#ticket_number').val();
$('#ticket_' + $target_ticket).remove();
$('#ticket_number').empty();
$('#transferTicketOptions').slideToggle();
}
success: function(data){
$target_ticket = $('#ticket_number').val();
$('#ticket_' + $target_ticket).remove();
$('#ticket_number')[0].reset();
$('#transferTicketOptions').slideToggle();
}
success: function(data){
$("#ticket_number option[value=data]").remove();
}