0

スパンとテキストエリア（非表示）を使用してテキストを入力できるdivがあります。この div onclick 関数を呼び出しています。私が欲しいのは、クリックするたびにdivまたはspanが表示されるはずです。つまり、同じページに複数の div があります。 コード:

<div class="EaDetail EaDetailText" style="left: 299px; top: 80px; font-size: 17px; width: 126px; height: 23px; position: absolute; display: block;">
<div class="EaDetailInset">
<span style="font-size: 17px;">
<br>
</span>
<textarea></textarea>
</div>
</div>
<input type="button" onclick="addTextBox()" value="Add">

Javascript コード:

function addTextBox()
{
$('.EaDetailInset').show();
}

CSS:

.EaDetail, .EaDetailDisabled {
border: 1px dashed transparent;
font-size: 12px;
overflow: visible;
position: absolute;
display:none;
}
.EaDetail {
border-radius: 3px 3px 3px 3px;

}

.EaDetailInset {
display: none;
max-height: 65px;
padding-bottom:5px;
border: 2px dashed #AAAAAA;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}


.EaDetailText textarea, .EaDetailText span {
font: 100%/1.1 arial,sans-serif;
position: absolute;
white-space: pre;
}
.EaDetailText textarea, .EaDetailText textarea[disabled] {
background: none repeat scroll 0 center transparent;
border: 0 none;
bottom: 6px;
box-shadow: none;
color: #000000;
display: block;
height: 200%;
left: 6px;
line-height: 1.1;
outline: 0 none;
padding: 0;
resize: none;
right: 6px;
top: 6px;
transition: none 0s ease 0s;
width: 200%;
}
4

3 に答える 3

0 
<div class="EaDetail EaDetailText" style="left: 299px; top: 80px; font-size: 17px; width: 126px; height: 23px; position: absolute; display: block;">
<div class="EaDetailInset">
</div>
</div>
<input type="button" onclick="addTextBox()" value="Add">

function addTextBox()
{
var newTextBoxdiv = $(document.createElement('div')).attr("class",'EaDetailInset');

    newTextBoxdiv.html('<span style="font-size: 17px;"><br></span><textarea></textarea></span>');

    newTextBoxdiv.insertAfter(".EaDetailInset");
  $(".EaDetailInset").show();
}

これが機能するかどうかを確認します

于 2012-10-03T10:30:14.853 に答える
0

まず、javascript関数を正しく呼び出す必要があります。

<input type="button" onclick="addTextBox" value="Add">

の中へ

<input type="button" onclick="addTextBox()" value="Add">
于 2012-10-03T08:43:11.797 に答える
0

複数textarea/spanの が必要な場合は、子要素を作成して に追加する必要があります。div実行しているのは、要素を複製しない表示/非表示だけです。

var txt = document.createElement('textarea');
document.getElementById('myDiv').appendChild(txt);
于 2012-10-03T08:43:28.023 に答える