Html對象容器

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> 

這是最快和最便宜的答案，但你想了解更多一點關於其他的DOM特點由JavaScript如getElementById(...)，getElementsByTagName(...)，childNodes，addChild(...)，removeChild(...)，replaceChild(...) ...提供

如果你想要這個當用戶做一些事情（點擊一個按鈕讓我們說）發生還需要閱讀關於JavaScript事件處理。