jquery - 使用 jQuery 删除下拉菜单并在标签内动态添加文本框

Question

<td>我在表格行的标签内有一个下拉菜单。我需要根据某些逻辑将其动态更改为文本框或文本框+按钮。关于我如何实现这一目标的任何帮助？

<td>包含's 和<tr>'s 以及控件的整个表格是动态生成的。

提前致谢。

Answer 1

看一下replaceWithjQuery 方法，它用提供的新内容替换匹配元素集中的每个元素。

这样的事情会帮助你。

$('table td select').replaceWith('<input type="text" />');

Answer 2

我猜，因为这是一个<table>你有多个<td>'s 并且你在问如何<td>用那个下拉框更改那个特定的 html？有很多方法可以在 jQuery 中选择该元素，但我认为您最幸运的是只需为其指定一个 id <td>。由于您是动态创建的，因此唯一的 id<td>是稍后引用该元素的最简单方法，因此您可以重置该元素中的 html。如果您有多个<td>with 下拉菜单，您甚至可以插入一个 id（例如，在下面的情况下为 45），这样您就可以更改它<td>。

$('#tdwithdropdown_45').html('<input ...>');

Answer 3

你可以在里面放一个<div id="dynamic"></div>标签<td>，你可以使用类似的东西：

document.getElementById("dynamic").innerHTML=""; 

进而：

document.getElementById("dynamic").innerHTML="<input type='text' />";