在jquery弹出框中编辑textarea

时间:2014-10-08 12:48:58

标签: javascript jquery html popupwindow

我有一个div,其中的内容显示在有序列表中,每个都有一个复选框。这些是通过从数据库中提取来显示的。现在我需要显示所选复选框附近的内容。我到目前为止所做的是

1) only one check box can be selected at a time

2) get the id of the check box which is selected stored to variable ids

3) then paragraph content id = "p"+checkbox id

代码是:

$(document).ready(function(){
    $(':checkbox').bind('change', function() {
        var thisClass = $(this).attr('class');
        if ($(this).attr('checked')) {
            $(':checkbox.' + thisClass + ":not(#" + this.id + ")").removeAttr('checked');
        }

    });
});

function edit_temp(prt){
        var checkedAtLeastOne = false;

            $('input[name="check_clinic"]').each(function() {
                    if ($(this).is(":checked")) {
                       checkedAtLeastOne = true;
                       ids = $(this).attr('id');
                        }
                    });
                    if(checkedAtLeastOne){
                         p_id ="p"+ids;
                      alert(p_id);
                       }
                    else{
                          alert('Please select any clinical Interpretation');
                    }
        }

到目前为止,这是完美的。但现在我需要在弹出窗口内的文本区域中显示标识为<p>的{​​{1}}标记的内容。然后编辑文本并单击弹出框的更新按钮,该内容必须在db。

中更新

任何人都可以帮我找到解决方案。

1 个答案:

答案 0 :(得分:0)

您需要创建一个php文件,该文件将从数据库接收行id并将其打印到表单中的textarea。当用户点击提交时,表单操作将更新数据库。以下是您需要做的一步一步的指导:

  1. 添加一个“a”标签,打开popup.php?id = 1(其中1是行的ID)
  2. 创建popup.php文件,该文件从数据库中获取记录
  3. 使用textarea添加表单元素并在popup.php中提交按钮,并使用在步骤2中获取的值填充textarea
  4. 创建一个名为update.php的新文件,或者检查该页面是否在popup php中有post请求,并使用给定的id和textarea值更新db中的值。
  5. 希望这能帮助你完成。