我在DIV容器中有一些文本.当用户单击该文本时,我希望有一个选择列表poppup.当用户从选择列表中选择一个值并单击一个保存按钮时,应使用选择列表中的文本更新DIV容器.
我该怎么办呢？我不知道如何弹出选择列表.如果我在新选项卡中弹出它,我如何将其保存在以前的网站上？@H_403_3@
谢谢@H_403_3@
解决方法
如果你熟悉jQuery,你可以使用一个名为
Jeditable的插件,它功能强大,你可以用它做出惊人的东西.
<div class="edit" id="div_1">Dolor</div> <div class="edit_area" id="div_2">Lorem ipsum dolor sit amet,consectetuer adipiscing elit,sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
只有一个强制参数.浏览器发布编辑内容的URL.@H_403_3@
$(document).ready(function() {
$('.edit').editable('http://www.example.com/save.PHP');
});
上面的代码做了几件事：带有类.edit的元素变得可编辑.单击鼠标即可开始编辑.表单输入元素是文本. input元素的宽度和高度与原始元素匹配.如果用户点击外部表单更改将被丢弃.如果用户点击ESC,也会发生同样的事情.当用户点击ENTER浏览器时,将文本提交到www.example.com上的save.PHP.@H_403_3@
提交更改时,以下数据将POST：ed to server：ID = elements_id&安培;值= user_edited_content@H_403_3@
