gpt4 book ai didi

jquery - 通过 jQuery 创建的 Textarea - 但不可编辑,为什么?

转载 作者:可可西里 更新时间:2023-11-01 12:52:35 25 4
gpt4 key购买 nike

我有这个简单的 HTML 代码...

<div onclick='jsComment();'>Click to comment</div>

jsComment() 函数只是创建一个带有文本区域和按钮的表单,并替换 div 的 HTML 内容

function jsComment(id){

var form = '<form action="modules.php?name=some_url&id='+id+'" method="post" name="post">';
form += '<b>Post something!</b><br />';
form += '<textarea name="noticia" cols="100" rows="5" maxlength="299" style="overflow: hidden; border: none; border-top: 1px solid LightGrey; margin: 6px;"></textarea><br />';
form += '<input type="hidden" name="noticiaId" value="'+id+'" /><input type="submit" name="op" value="Comment!"></form>';
jQuery('#noticia_'+id).html(form);

}

HTML 已正确生成,但我无法在文本区域中写入。当我将光标放在文本区域内时,它就消失了……提交按钮也是如此,它似乎被禁用了……这里出了什么问题?也许是 CSS 问题?

非常感谢

最佳答案

我觉得是这里的问题

 jQuery('#noticia_'+id).html(form);

你应该使用

 jQuery('#noticia_'+id).replaceWith(form);

我在这里创建了一个简化的 fiddle http://jsfiddle.net/dzytP/

一般来说,您应该将元素附加到 DOM 而不是更改 html 以包含类似 <FORM> 的内容动态添加时工作

关于jquery - 通过 jQuery 创建的 Textarea - 但不可编辑,为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8575496/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com