【问题标题】:How to add value="" to input如何将 value="" 添加到输入
【发布时间】:2018-04-04 21:31:18
【问题描述】:

是否有可能使用 javascript 将值标签添加到输入中?

例如从以下位置更改表单中的输入字段:

<input type="text" name="mail" id="mail">

到:

<input type="text" name="mail" id="mail" value="<?php echo $_SESSION['email'] ?>

编辑:

<?php
echo '
<script type="text/javascript">

document.getElementById("mail").setAttribute("value", "<?php echo $_SESSION["email"];?>");

</script>';
?>

【问题讨论】:

  • Javascript 无法自己获取 PHP 会话变量。
  • 这不是关于处理会话变量,而是将整个字符串 "value="
  • 您要更改输入的当前值还是其初始默认值?
  • element.setAttribute("value", "foo@bar.com")
  • 如果你输入&lt;?php echo ...?&gt;,你会看到文字字符串,这真的是你想要的吗?

标签: javascript


【解决方案1】:

使用setAttribute()填写元素的属性。

document.getElementById("mail").setAttribute("value", "&lt;?php echo $_SESSION['email'];?&gt;");
&lt;input type="text" name="mail" id="mail"&gt;

您不能在 PHP 字符串中使用 &lt;?php。请改用串联。

<?php
echo '
<script type="text/javascript">

document.getElementById("mail").setAttribute("value", "' . $_SESSION["email"] . '");

</script>';
?>

【讨论】:

  • 如果我运行这个,该字段将填满电子邮件地址。知道如何从 php 中回显这个吗? echo'
  • 只需使用 ?&gt; 退出 PHP 执行模式,因此它只是按字面意思输出 HTML 和 Javascript,然后返回到 echo 语句的 PHP 模式。
  • 对不起,我没有收到你最后的帖子。我更新了我最初的问题。知道错误是什么吗?
  • 更新了答案。
  • 太棒了,它成功了!多谢! (它在古老的德国已经很晚了;))
【解决方案2】:

是的,您可以使用 javascript 访问输入的值字段

document.getElementById('mail').value = "someemail@email.com";

【讨论】:

    【解决方案3】:

    不确定您想要实现什么,但您可以将 PHP 值保存为 JS 变量并从那里开始。像这样?

    var email = '<?php echo $_SESSION['email'];?>';
    document.getElementById('mail').value = email;
    

    【讨论】:

      【解决方案4】:

      使用echo方法,返回元素输入。

      $youvalue = "This is the value of the input"
      echo '<input type="text" name="mail" id="mail" value="'.$yourvalue.'">';
      

      再次使用echo方法,返回一个脚本。

      $youvalue = "This is the value of the input"
      echo '<script>var x = document.createElement("input");x.type = "text";x.name = "mail";x.id = "mail";x.value = "'.$youvalue.'"; document.body.appendChild(x);</script>'
      

      【讨论】:

        猜你喜欢
        • 2014-10-02
        • 1970-01-01
        • 1970-01-01
        • 2021-08-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-06-11
        • 2013-12-21
        相关资源
        最近更新 更多