我有一些表單,這些表單在某些DIV中。 DIV是隱藏的,當您從選擇框中選擇一個選項時顯示。我需要一種方法來定位隱藏的DIV,因爲默認位置在前面提到的選擇框中。隱藏的DIV位置
隱藏的DIV位置
回答
<table>
<tr>
<td>
<select id = "opts" onchange = "showForm()">
<option value = "0">Select Option</option>
<option value = "1">Option 1</option>
<option value = "2">Option 2</option>
</select>
</td>
<td>
<div id = "f1" style="display:none">
<form name= "form1">
Content of Form 1
</form>
</div>
<div id = "f2" style="display:none">
<form name= "form2">
Content of Form 2
</form>
</div>
</td>
</tr>
</table>
和
<script type = "text/javascript">
function showForm(){
var selopt = document.getElementById("opts").value;
if (selopt == 1) {
document.getElementById("f1").style.display="block";
document.getElementById("f2").style.display="none";
}
if (selopt == 2) {
document.getElementById("f2").style.display="block";
document.getElementById("f1").style.display="none";
}
}
</script>
您可能需要使用Z-index來定位選擇框上方的元素。這將是很好看到一個演示第一,雖然
以下是示例代碼:http://pastebin.com/TXexiiqF 我希望表單位於選擇框的右側,而不是位於其下方。對不起,如果這是一個新問題,但嘿,我是這個新手=) –
我看不到CSS ..? – poepje
試試這個FIDDLE。它可能會幫助你。
只是選擇的想法,並與您的選擇選項一起使用。
這裏是jQuery的:
$('#testDiv').mouseenter(function() {
$('.hoveruserinfo').fadeIn();
});
$('#testDiv').mouseleave(function() {
$('.hoveruserinfo').fadeOut();
});
CSS:
.hoveruserinfo
{
background-color: #ccc;
font-size: 11px;
color: #333;
border: 1px solid #ccc;
font-weight: bold;
border-radius: 4px;
padding: 10px;
margin-top: -2px;
}
HTML:
<div id="testDiv">
Test
</div>
<div class="hoveruserinfo" style="position:absolute;width:206px;display:none;margin-left:147px;">
James Smith <span>this is my data</span>
</div>
雖然這可能在理論上回答這個問題,[這將是更可取的](http://meta.stackexchange.com/q/8259)在這裏包括答案的重要部分,並提供參考鏈接。 – ThiefMaster
@TheifMaster ...也完成了代碼。 – khurram
- 1. jquery隱藏div的位置
- 2. 隱藏div時滾動位置丟失
- 3. 根據父div上的位置隱藏div的div
- 4. 將可見div移動到隱藏div的位置
- 5. 如何讓div轉到隱藏div以前的位置?
- 6. 相對隱藏位置和隱藏位置
- 7. 使用jQuery使隱藏的div出現在可見div的相同位置(然後隱藏prev可見div)
- 8. DIV位置絕對原因後div來隱藏
- 9. 隱藏的div
- 10. 隱藏的div
- 11. 隱藏的div
- 12. PHP - 隱藏代碼隱藏div div
- 13. 在隱藏div中隱藏div?
- 14. CSS定位,div的隱藏部分
- 15. 如何讓父div彈出隱藏溢出隱藏和位置絕對
- 16. UIDocumentPickerViewController - 隱藏位置按鈕
- 17. 顯示/隱藏DIV - 讓jQuery的讀出了「偏移/錨」位置
- 18. JQuery順利滾動到DIV內部的位置,溢出隱藏
- 19. 更改div的位置重新示出其隱藏
- 20. 位置div隱藏溢出的可見容器底部
- 21. Jquery - 在隱藏元素時指定一個div的位置
- 22. 如何隱藏div在頁面上的任何位置點擊?
- 23. 隱藏隱藏的div(視頻)html5
- 24. 切換隱藏已經隱藏的div?
- 25. 在ipad上重新定位隱藏div
- 26. Jquery-隱藏的div
- 27. 中隱藏的div
- 28. js:隱藏div
- 29. JavaScript隱藏DIV
- 30. ASP.net隱藏div
我們展示的演示,請...... –