【问题标题】:Php style show functionphp风格展示功能
【发布时间】:2015-06-04 08:03:01
【问题描述】:

大家好,我希望在单击“显示”按钮时可以看到以下输入,有人可以帮助我吗?

<input id="show"type="submit" value="change" >
<input id="oldpass"TYPE="text"value="" style="display: none">
<input id="newpass"TYPE="text"value="" style="display: none">
<input id="cambia"TYPE="submit"value="" style="display: none">

【问题讨论】:

  • 阅读 IF 语句。完成后,在 if 语句中回显 html。
  • 这不能用 PHP 完成。尝试查看javascript 解决方案
  • 可以用 PHP 完成,但是 PHP 是 服务器端,所以它需要向服务器发送请求并重新加载整个具有不同可见元素的页面。可能不是OP想要的。请记住,javascript 是 client-site,因此此类行为几乎总是使用 javascript(在浏览器中)处理。

标签: php text show


【解决方案1】:
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<input id="show" type="submit" name="submit" value="change" >
</form>

<?php 
    if ( isset($_POST['submit']) ) {
       echo "<input id='oldpass' type='text' value=''>";
       echo "<input id='newpass' type='text' value='' >";
       echo "<input id='cambia' type='submit' value='' >";
    }
?>

你可以用这个。

【讨论】:

    【解决方案2】:

    使用 Javascript/jQuery:

    $('#show').click(function() {
        $('#oldpass').css("display", "block");
        $('#newpass').css("display", "block");
        $('#cambia').css("display", "block");
     });
    

    this jsFiddle

    正如 Jon Surrell 提到的,PHP 是服务器端的,所以这种行为几乎总是在客户端使用 javascript 处理

    【讨论】:

      【解决方案3】:

      我使用 jQuery 为您制作了这个小提琴,如果您不理解代码,请查看以下文档:http://api.jquery.com

      小提琴: https://jsfiddle.net/ujp7c67s/1/

      你不能用 PHP 做到这一点,因为 PHP 是一种服务器端编程语言。对于您需要更改的所有内容页面加载后查看客户端编程,如 javascript(jQuery 是一个 javascript 库)

      $('#show').on('click', function() {
          $('input', '.form-class').show();
      });
      

      【讨论】:

      • 请编辑函数的代码,因为这将只是页面上的所有输入...在父节点元素上进行查找似乎更好(我相信 jQuery 它会像 $( this).find('input))
      • 这只是为了让代码清晰易懂。这样做实际上会更好 $('input', 'container')
      • 好吧,我刚刚提到,因为这个人似乎对 javascript 不太了解(考虑到他的问题),所以最好更准确一点。再说一次,我没有投反对票或其他任何事情,只是提出更精确的建议来帮助他;)
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多