0

我正在使用以下代码将动态 php 菜单附加到表格单元格。 

$("input:radio[id='l1_allowed_0']").click(function() {  

$(".l1_p1_action").append('<select name="pathway_actions[]" id="pathway_actions">' );

$.getJSON('../scripts/get_pathway_actions.php', function (json) {
$("#pathway_actions").empty();
$.each(json, function () {
$("#pathway_actions").append(new Option(this.action));
});  
});
});

我会用什么来从 $(".l1_p1_action") 中删除菜单，比如：

$("input:radio[id='l1_allowed_1']").click(function() {  


});

编辑

我已更改代码以创建具有唯一 ID 的菜单。两个问题：

删除不起作用，每次单击单选按钮时都会附加一个新菜单：

$("input:radio[id='l1_allowed_0']").click(function() {  

$(".l1_p2_actions").remove();
$(".l1_p3_actions").remove();
$(".l1_p4_actions").remove();

$(".l1_p1_action").append('<select name="l1_p1_actions" id="l1_p1_actions">' );

$.getJSON('../scripts/get_pathway_actions.php', function (json) {
$("#l1_p1_actions").empty();
$.each(json, function () {
$("#l1_p1_actions").append(new Option(this.action));
});  
});
});



$("input:radio[id='l1_allowed_1']").click(function() {  

$(".l1_p1_actions").remove();
$(".l1_p3_actions").remove();
$(".l1_p4_actions").remove();

$(".l1_p2_action").append('<select name="l1_p2_actions" id="l1_p2_actions">' );

$.getJSON('../scripts/get_pathway_actions.php', function (json) {
$("#l1_p2_actions").empty();
$.each(json, function () {
$("#l1_p2_actions").append(new Option(this.action));
});  
});
});

啊，删除行上的错误选择器...更改为以下内容，删除现在正在工作。

$("#l1_p2_actions").remove();
$("#l1_p3_actions").remove();
$("#l1_p4_actions").remove();

如果多次单击单选按钮，仍然存在将额外的空菜单附加到单元格的问题......

4

1 回答 1

1

您可以只使用 remove 函数并指定要删除的元素的 id，因为 id在页面上应该是唯一的：

$("input:radio[id='l1_allowed_1']").click(function() {
    $("#pathway_actions").remove();
});
于 2013-03-01T02:14:16.333 回答