Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在JQuery AJAX请求后删除动态下拉选项_Php_Jquery_Ajax_Html - Fatal编程技术网

Php 在JQuery 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

我有一个包含下拉框的表单。这个下拉列表的选项是使用PHP从我的数据库中动态填充的。提交我的表单时,包含下拉列表中选择的ticketId的行将从数据库中删除。我想要的是,在AJAX调用成功后,重新填充这个列表,而不包含刚才删除的行

我的表格:

<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();
      }