Question

我想在点击特定div时调用文本区域，例如我有一个div，当用户点击div时，会出现文本区域。

我还想制作3个div，当每个单击时，会显示不同的html元素，例如，单击一个div，显示文本区域，当单击另一个div时，将显示一个提交按钮与文本区域相同的区域

请帮忙！感谢。

Answer 1

将您的文字写入附加到div的onclick事件的javascript函数中。

Answer 2

这可能有用......

<script language="Javascript">
function divClicked()
{
    document.getElementById("txtView").style.display = 'block'; 
}
</script>

<div id="txtView" style="display: none"><textarea></textarea></div>

<div onclick="javascript:divClicked();">Click on This Div</div>

Answer 3

如果我理解正确，你想在点击一个div时出现一个textarea。

您可以使用jQuery。

将textarea放在隐藏的部分（使用样式显示：无），然后使用jQuery show()函数使textarea出现。

（或者您可以编写自己的功能来改变显示风格）

Answer 4

您可以通过在javascript中更改其style.display属性来使元素可见和不可见。

display：none的css值会使元素不可见。 display：block的css值将使元素可见，并且它将被视为块元素。

http://www.w3schools.com/cssref/pr_class_display.asp

<!DOCTYPE html>
<html>
<head>
<style>
#textarea {
    display:none;

    position:absolute;
    left:180px;
    top:0px;
    width:180px;
    height:130px;
}
#div {
    position:absolute;
    left:0px;
    top:0px;
    width:180px;
    height:130px;
    background-color:#F00;
}
</style>
</head>
<body>
<textarea id="textarea">Tada</textarea>
<div id="div" onclick="showTextArea()"></div>
</body>
<script>
function showTextArea() {
    document.getElementById("textarea").style.display = "block";
}
</script>
</html>

Answer 5

使用jQuery。

    <textarea style="display:none;" id="idArea">blabla</textarea>
    <div id="idDiv"></div>


    <script>
    $('#idDiv').click(function(){
      $('#idArea').show();
    });    
    </script>

如何在点击div时调用html

5 个答案: