使用php、mysql和javascript更改输入字段的文本
changing text for an input field using php, mysql, and javascript
好的,我有一些数据正在通过php查询填充到数据库。我正在获得用户输入的评论。我在一个变量中显示返回的数据,如下所示。如果评论不存在,那么它将显示一个"添加评论"链接。注释最初只是作为文本显示。如果存在评论,那么它将显示评论以及"编辑"评论的链接。
这是我想要的功能:1)当你点击"添加评论"一个输入字段将显示到左侧的"添加评论"链接,该链接会变成两个链接,读"保存"answers"取消"。我知道如何做保存链接,但我想知道如何使"取消"链接恢复区域回到只是有"添加评论"链接。2)当你点击"编辑评论",然后我想与输入字段和"保存"answers"取消"链接相同的功能;但是,我希望输入字段预先填充通过comments变量提取的注释文本。我想也许这可以用一些css显示切换无和块/内联。不过不太确定。任何帮助都非常感谢!
PHP代码:if(!$comments){
echo "<span style='font-size:12px;'>[<a href='#'>Add a Comment</a>]</span>";
}else{
echo "<span style='font-size:12px;'>NOTES: " . $comments . " [<a href='#'>Edit Comment</a>]</span>";
}
最后一个问题:如果注释有特殊字符或引号,我该如何处理?实际上,我想我需要在变量创建之前担心这些,对吗?我该怎么做?非常感谢!
更新:我很感激在处理特殊字符方面的帮助,但我真的需要前两个问题得到更多的回答。感谢任何人给我提供更多的帮助!
第一个和第二个问题的答案:您可以使用javascript或jquery....例如
make 2div
<div id="addcommentBox" style='font-size:12px;'>[<a onclick="$('#addcommentBox').hide();$('#savecommentbox').show();">Add a Comment</a>]</div>
<div id="savecommentbox"><input type="text"/><a href="#">Save</a><a onclick="$('#addcommentBox').show();$('#savecommentbox').hide();">Cancel</a></div>
设置CSS属性#savecommentbox为display:none;
虽然有很多方法,但这是最简单的一个…对于edit,您可以遵循相同的代码。输入值为$comments
您必须在回显它们之前传递来自htmlspecialchars()的变量。
echo "<span style='font-size:12px;'>
NOTES: " . htmlspecialchars($comments) . "
[<a href='#'>Edit Comment</a>]
</span>";
<textarea name="comment"><?php echo htmlspecialchars($comments);?></textarea>
可以使用htmlentities
-
许多人给出的一个答案是htmlspecialchars()。
-
当你点击添加评论链接。显示文本区域。当您单击取消按钮时,隐藏文本区域并再次显示添加评论链接。我觉得如果你使用jquery,你可以使用显示/隐藏函数
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 而循环只设置php中输入字段中的第一个值
- 在输入字段中将最小金额设置为
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 如何在HTML输入字段中添加不可删除的后缀
- 互斥单选按钮和相应的输入字段
- 在IE9中的输入字段中输入焦点最近按钮
- 选中单选框时将属性添加到输入字段
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 我如何在数字插入中使用逗号,这样它就不会'不要破坏我的输入字段
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 输入字段将't获取更新的值
- 如何选择多个输入字段并删除所需的属性
- 输入字段,只接受0到12之间的数字
- 单击鼠标,用MySQL数据填充html表单输入字段
- 使用jquery将输入字段转换为文本
- Model中的Typeahead返回空值以形成输入字段
- 如何从查询字符串中的输入字段发回文本
- 如何验证日期、月份和日期的3个独立输入字段;年使用jquery或javascript
- 将值传递给jquery创建的输入字段