如何在按钮单击时填充文本框?

时间:2014-08-18 07:50:50

标签: javascript php html textbox onclick

我想创建一个系统,需要使用当前时间填充的某些文本框,以及一些在点击按钮时存储在$_SESSION["username"];上的当前数据的系统。

我知道如何在$_SESSION["username"];上获取时间戳和数据,我需要的是如何使用这些数据填充文本框的步骤。

非常感谢步骤,模块或任何可以引导我走向正确方向的东西,我想请求尽可能简单地让我能够彻底理解它。

这是我测试的代码,我在文本框中有时间。但我想要的是首先文本框是空白然后点击一个按钮或文本框本身,将用当前时间填充它./ $_SESSION [" username"]`;

<html>
<body>

<?php 
 echo   date("Y/m/d");
 echo   "<br>";

 $time= date("h:i:s A", strtotime("now"-8));

 echo   "<input type=textfield name=time value='$time' size=9>";
?>

</body>
</html> 

3 个答案:

答案 0 :(得分:1)

为了简单起见,我们假设你只有文本框和一个按钮:

<input type="textfield" id="textbox" value='' size=9>
<input type="button" value="Click" onClick="document.getElementById('textbox').value='$time'">

任何其他文本框/按钮组合也是如此。

您只需设置按钮的onClick属性即可执行一些JavaScript。在这种情况下,document.getElementById('textbox').value='$time'。单引号的使用很重要,或者我们将结束onClick属性。

我们使用document.getElementById('textbox')查找具有该ID的文本字段。然后我们只关注.value='$time'

答案 1 :(得分:0)

有几种方法,但“单击按钮时”涉及javascript将函数绑定到按钮以在单击时使用数据。

如果你在加载页面时有$ _SESSION数据,你可以将这些数据存储在一个javascript变量中以便稍后使用......就像这样......

echo "var data = " . json_encode($_SESSION["data"]);

如果您在开始时没有可用的数据,则其他方法会动态获取该数据。因此,您可以发出AJAX请求,获取数据然后再使用它。

既然你没有说你是否使用了vanilla javascript,jQuery或任何其他库我就可以帮助你做到这一点,这应该就足够了。

答案 2 :(得分:0)

您可以使用Ajax来完成。 首先,您需要在页面中包含jquery。

然后点击按钮(id = btn)发送ajax调用到info.php。 在php文件中返回Json编码数据并在Ajax成功函数中成功解码json数据并更新两个文本框的值。(给两个文本框分配ID)

以下是代码

$(function(){
   //button click function
    $( "#btn" ).on( "click", function() {
         $.ajax({ 
           type: 'GET', 
           url: 'info.php', 
           data: { variable: 'value' }, 
           dataType: 'json',
           success: function(data) { 
            data = jQuery.parseJSON(data);
            $("#username").val(data.username);
            $("#timestamp").val(data.timestamp);
           }   
         }); 

     });
});

在你的php脚本中,回显会话用户名和当前时间戳    在session_start();

$data = array('username' => $_SESSION['username'], 'timestamp' => date('Y-m-d h:i:s'));

echo json_encode($data);

这应该可以解决问题,或者至少会指导你如何完成这项任务