我有一个包含2个div的动态创建的div。
<div style="background-color:##cccccc; font-weight:bold; padding:0px 2px 2px 2px;">Call List Notes</div>
<div style="padding:2px 10px 5px 10px; ">
<div id="clnoteformdivedit" style="display:none;">
<cfform name="clnotefrm" action="" method="post">
<cfinput type="hidden" name="ClIndNoteIndivnum" value="#val(attributes.UsersID)#">
<cftextarea name="indNote" cols="60" rows="4">#qCallListNotes.notes#</cftextarea>
<br />
<cfinput type="button" name="CallListNotesButton" class="NotesButton" value="Submit Changes" />
</cfform>
</div>
<div id="clnoteformdivdisplay">
#qCallListNotes.notes#<br />
</div>
</div>
想法是最初只显示笔记。如果用户点击该音符/ textarea,则隐藏div并显示允许输入的div。当他们点击提交按钮更新数据时,隐藏编辑div,并显示显示div。
$('##CallListNotesButton').on('click', function() {
var thisuserid = $(this).parent().find('##ClIndNoteIndivnum').val();
var thisindivnote = $(this).parent().find('##indNote').val();
$.ajax({
type: 'POST',
url: "actUpdateClIndivNote.cfm",
data: 'calllistID=' + <cfoutput>#val(attributes.callListId)#</cfoutput> + '&userid=' + thisuserid + '&IndivNote=' + thisindivnote,
error: function(xhr, textStatus, errorThrown) {
// show error
alert(errorThrown);
},
success: function(response1, textStatus, jqXHR) {
//alert('success');
$(this).parent().find('##indNote').val(thisindivnote);
$('##clnoteformdivedit').hide();
$('##clnoteformdivdisplay').show();
}
});
});
$('##clnoteformdivdisplay').on('click', function() {
$('##clnoteformdivdisplay').hide();
$('##clnoteformdivedit').show();
});
问题是在显示div中显示更新的注释。我找不到正确的div,我想显示新的音符。