在JS上发布任务后编辑textarea值

时间:2016-02-23 16:30:30

标签: javascript bootstrap-modal appendchild

即时创建任务管理系统并创建一个div,用户创建的所有任务都将附加到此处:

</div><div id="ar_notes" class="ar_wrapper">

    <button data-toggle="modal" data-target="#myModal" id="add_apt" ><i class="fa fa-pencil"></i></button>


</div>

和在这里发布任务的bootstrap模式:

<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>

</div>
<div class="modal-body">
<ul class="rslides">

<textarea id="put_note" autofocus></textarea>
<input onClick="addmore()" data-dismiss="modal" id="add_note" type="submit" value="הוסף משימה">


</ul>
</div>
</div>

</div>
</div>

这是我的笔记将我的笔记附加到包装div:

    function addmore() {

var newText = $('textarea').val();
$('#ar_notes').append('<br />');
$('#ar_notes').append('<article><div class="note"><p class="show_note">' +newText +'</p><button><i class="fa fa-trash-o"></i></button>').fadeIn(500);
$('textarea').filter('[id*=put_note]').val('');


}

我的问题是,如果我可以单击任务的div并获取其中包含相同文本的模态以编辑任务?

谢谢!

0 个答案:

没有答案