Javascript 如何在CMS中重新加载用户定义的标签变得简单

我有一个html文件，它从我的数据库中加载一个列表，并允许前端用户删除特定的条目

HTML代码如下所示：

<script type="text/javascript">// <![CDATA[
function sendForm() {
var dataSend=$("#clientid").val();
$("#responseDiv").html("<h2>Removing from Database...</h2>");
$.post("RemoveClient.php",{
ClientId: dataSend
},function(data) {
$("#responseDiv").html(data);
$("#clientlist").empty();
$("#clientlist").html("{client_list nocache}");
});
return false;
}
// ]]></script>
</p>
<div id="MainForm"><form class="form" onsubmit="return sendForm()">
<h2 class="formstyle">Client Wizard</h2>
<p>Please fill all the required fields.</p>
<div id="clientlist">{client_list nocache}</div>
<p><input style="font-size: 1.5em; font-color: #000000;" onclick="sendForm()" type="submit" value="Delete" /></p>
</form>
<div id="responseDiv"> </div>
</div>

下面给出了为{client_list}调用的UDT

$dbhost='127.0.0.1';
$dbuser='user';
$dbpass='pass';
$dbname='dbname';
$conn=mysqli_connect($dbhost,$dbuser,$dbpass,$dbname);
if(!$conn)
{
die('Could not connect:'.mysqli_connect_error());
}
$sql="SELECT clientid,clientname FROM client order by clientid"; 
echo "<label> Select Client: </label>"; 
echo "<select id=clientid name=clientid>"; 
$result=mysqli_query($conn,$sql);
while($row=mysqli_fetch_assoc($result))
{ 
echo "<option value=".$row['clientid'].">".$row['clientname']."</option>"; 
} 
echo "</select>";

---

现在，单击delete后，我希望下拉列表刷新，新列表中没有已删除的客户端。我试着清空div，然后重新加载UDT。不幸的是，这似乎没有工作，我希望它的方式，因为列表不会得到刷新，直到我刷新页面。有什么方法可以让它工作吗？

最快/最简单的方法是给它分配一个id，并通过javascript删除条目

第二种方法是让RemoveClient.php将其作为AJAX响应的一部分返回

var响应=数据。拆分“|”； $responseDiv.htmlresponse[0]； $clientlist.htmlresponse[1]

第三，我强烈建议不要这样做，但这是您要问的问题，将UDT单独放在新页面上，然后使用？showtemplate=false参数加载页面

$clientlist.load//www.mydomain.com/myudt.html？showtemplate=false