Question

有人知道如何更改下拉框的容器？我有3个“TD”标签，我想使用客户端代码在它们之间移动下拉。

Answer 1

你是说你想要从这样的事情出发......

<td id="firstTD"> 
    <select><!-- ... --></select>
</td>
<td id="secondTD"> 
    <!-- ... -->
</td>
<td id="thirdTD"> 
    <!-- ... -->
</td>

对此？

<td id="firstTD"> 
    <!-- ... -->
</td>
<td id="secondTD"> 
    <!-- ... -->
</td>
<td id="thirdTD"> 
    <select><!-- ... --></select>
</td>

如果是这样，你最好用JavaScript标记这个问题......并摆脱“对象”一个“容器”。您要找的是Document Object Model和DOM Scripting。鉴于我已经给出了<td>个元素id属性，我可以像这样编写一些JS：

<script type="text/javascript">
    var firstTD = document.getElementById("firstTD");
    var thirdTD = document.getElementById("thirdTD");
    var selectElement = firstTD.getElementsByTagName("select")[0]; // cutting some corners...
    firstTD.removeChild(selectElement);
    thirdTD.appendChild(selectElement);
</script>

这是最快捷，最便宜的答案，但您需要更多地了解JavaScript提供的其他DOM功能，例如getElementById(...)，getElementsByTagName(...)，childNodes，{ {1}}，addChild(...)，removeChild(...) ...

如果您希望在用户执行操作时发生这种情况（点击按钮就可以了），您还需要阅读有关JavaScript事件处理的信息。

Html对象容器

1 个答案: