草庐IT

PHP/JQUERY 标签在编辑按钮点击时循环输入

coder 2023-10-20 原文

我正在使用 php/jquery 和 html 我的要求是当我点击编辑按钮时,标签应该被输入文本替换,我将能够在我的 mysql 数据库中更新,如果我点击取消按钮输入标签..

以下是我的代码:

<?php 
    $sql = 'select * from demo';
    while($row = mysql_fetch_object($sql)) {
?>
    <label style="display:block;">abc</label>
    <input type="text" style="display:none;"/>

    <button id="edit">edit</button>
    <button id="cancel">cancel</button>
<?php 
    }
?>

假设如果我显示来自 mysql 数据库的 10 条记录,对于每条记录,我应该能够在特别点击的行上进行编辑。

感谢任何帮助,谢谢!

最佳答案

我会将每个标签包装在父标签中(例如 p)。

单击一次,您将隐藏标签并向父级添加一个输入和两个按钮。

通过单击取消按钮,标签再次可见,其他元素将被删除。

“棘手”的部分是提交按钮。您需要一个 PHP 页面来处理您向其发布的数据。然后当它成功时,你应该回显 ok$.post 函数知道一个 success 参数。此函数将检查返回值是否为 ok,如果是,则更改标签中的文本,显示它,并删除其他项目。

$(function() {
  $('.edit').on('click', function(e) {
    e.preventDefault();
    var elem = $(this) ,
        label = elem.prev('label') ,
        parent = elem.parent() ,
        value = label.text() ,
        input = '<input type="text" value="'+value+'" />' ,
        save = '<button class="save">Save</button>' ,
        cancel = '<button class="cancel">Cancel</button>';
    parent.children().hide();
    parent.append(input+save+cancel);
  });
  
  $(document).on('click', '.cancel', function(e) {
    e.preventDefault();
    var elem = $(this) ,
        parent = elem.parent() ,
        label = parent.find('label');
    parent.children(':not(label,.edit)').remove();
    parent.children().show();
  });
  
  $(document).on('click', '.save', function(e) {
    e.preventDefault();
    var elem = $(this) ,
        parent = elem.parent() ,
        label = parent.find('label') ,
        value = parent.find('input').val();
    parent.addClass('active');
    
    var data = '&name='+value;
    $.post("processingPage.php", data)
    .success( function(returnedData) {
      if( returnedData == 'ok' ) { /* change this to check if the data was processed right */
        var active = $('.active');
        active.find('label').text( active.find('input').val() );
        active.children(':not(label,.edit)').remove();
        active.children.show();
      }
    });
    $('.active').removeClass('active');
  });
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><label>Some text</label><button class="edit">Edit</button></p>
<p><label>Some text</label><button class="edit">Edit</button></p>
<p><label>Some text</label><button class="edit">Edit</button></p>
<p><label>Some text</label><button class="edit">Edit</button></p>

你的 PHP 看起来像这样:

<?php
$return = false;
if( isset( $_POST['name'] ) ) {
   if( mysqli_query( ... ) ) {
       $return = true;
   }
}
if( $return ) 
   echo 'ok';
else
   echo 'not ok';
?>

关于PHP/JQUERY 标签在编辑按钮点击时循环输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32497850/

有关PHP/JQUERY 标签在编辑按钮点击时循环输入的更多相关文章

  1. ruby - 树顶语法无限循环 - 2

    我脑子里浮现出一些关于一种新编程语言的想法,所以我想我会尝试实现它。一位friend建议我尝试使用Treetop(Rubygem)来创建一个解析器。Treetop的文档很少,我以前从未做过这种事情。我的解析器表现得好像有一个无限循环,但没有堆栈跟踪;事实证明很难追踪到。有人可以指出入门级解析/AST指南的方向吗?我真的需要一些列出规则、常见用法等的东西来使用像Treetop这样的工具。我的语法分析器在GitHub上,以防有人希望帮助我改进它。class{initialize=lambda(name){receiver.name=name}greet=lambda{IO.puts("He

  2. ruby-on-rails - 在 Ruby 中循环遍历多个数组 - 2

    我有多个ActiveRecord子类Item的实例数组,我需要根据最早的事件循环打印。在这种情况下,我需要打印付款和维护日期,如下所示:ItemAmaintenancerequiredin5daysItemBpaymentrequiredin6daysItemApaymentrequiredin7daysItemBmaintenancerequiredin8days我目前有两个查询,用于查找maintenance和payment项目(非排他性查询),并输出如下内容:paymentrequiredin...maintenancerequiredin...有什么方法可以改善上述(丑陋的)代

  3. ruby - 在院子里用@param 标签警告 - 2

    我试图使用yard记录一些Ruby代码,尽管我所做的正是所描述的here或here#@param[Integer]thenumberoftrials(>=0)#@param[Float]successprobabilityineachtrialdefinitialize(n,p)#initialize...end虽然我仍然得到这个奇怪的错误@paramtaghasunknownparametername:the@paramtaghasunknownparametername:success然后生成的html看起来很奇怪。我称yard为:$yarddoc-mmarkdown我做错了什么?

  4. ruby - RuntimeError(自动加载常量 Apps 多线程时检测到循环依赖 - 2

    我收到这个错误:RuntimeError(自动加载常量Apps时检测到循环依赖当我使用多线程时。下面是我的代码。为什么会这样?我尝试多线程的原因是因为我正在编写一个HTML抓取应用程序。对Nokogiri::HTML(open())的调用是一个同步阻塞调用,需要1秒才能返回,我有100,000多个页面要访问,所以我试图运行多个线程来解决这个问题。有更好的方法吗?classToolsController0)app.website=array.join(',')putsapp.websiteelseapp.website="NONE"endapp.saveapps=Apps.order("

  5. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过?我有一个调用Controller方法的JqueryPOSTajax调用,但我没有在其中放置任何真实性代码,但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  6. c - mkmf 在编译 C 扩展时忽略子文件夹中的文件 - 2

    我想这样组织C源代码:+/||___+ext||||___+native_extension||||___+lib||||||___(Sourcefilesarekeptinhere-maycontainsub-folders)||||___native_extension.c||___native_extension.h||___extconf.rb||___+lib||||___(Rubysourcecode)||___Rakefile我无法使此设置与mkmf一起正常工作。native_extension/lib中的文件(包含在native_extension.c中)将被完全忽略。

  7. css - 用 watir 检查标签类? - 2

    我有一个div,它根据表单是否正确提交而改变。我想知道是否可以检查类的特定元素?开始元素看起来像这样。如果输入不正确,添加错误类。 最佳答案 试试这个:browser.div(:id=>"myerrortest").class_name更多信息:http://watir.github.com/watir-webdriver/doc/Watir/HTMLElement.html#class_name-instance_method另一种选择是只查看具有您期望的类的div是否存在browser.div((:id=>"myerrortes

  8. ruby - 鸭子输入字符串、符号和数组的优雅方式? - 2

    这是针对我无法破坏的现有公共(public)API,但我确实希望对其进行扩展。目前,该方法采用字符串或符号或任何其他在作为第一个参数传递给send时有意义的内容我想添加发送字符串、符号等列表的功能。我可以只使用is_a吗?数组,但还有其他发送列表的方法,这不是很像ruby​​。我将调用列表中的map,所以第一个倾向是使用respond_to?:map。但是字符串也会响应:map,所以这行不通。 最佳答案 如何将它们全部视为数组?String的行为与仅包含String的Array相同:deffoo(obj,arg)[*arg].eac

  9. ruby - Ruby 中的闭包和 for 循环 - 2

    我是Ruby的新手,有些闭包逻辑让我感到困惑。考虑这段代码:array=[]foriin(1..5)array[5,5,5,5,5]这对我来说很有意义,因为i被绑定(bind)在循环之外,所以每次循环都会捕获相同的变量。使用每个block可以解决这个问题对我来说也很有意义:array=[](1..5).each{|i|array[1,2,3,4,5]...因为现在每次通过时都单独声明i。但现在我迷路了:为什么我不能通过引入一个中间变量来修复它?array=[]foriin1..5j=iarray[5,5,5,5,5]因为j每次循环都是新的,我认为每次循环都会捕获不同的变量。例如,这绝对

  10. jquery - 如何将 AJAX 变量从 jQuery 传递到他们的 Controller ? - 2

    我有一个电子邮件表格。但是我正在制作一个测试电子邮件表单,用户可以在其中添加一个唯一的电子邮件,并让电子邮件测试将其发送到该特定电子邮件。为了简单起见,我决定让测试电子邮件通过ajax执行,并将整个内容粘贴到另一个电子邮件表单中。我不知道如何将变量从我的HAML发送到我的Controllernew.html.haml-form_tagadmin_email_blast_pathdoSubject%br=text_field_tag'subject',:class=>"mass_email_subject"%brBody%br=text_area_tag'message','',:nam

随机推荐