【问题标题】:How to put data from firebase database into input text field?如何将firebase数据库中的数据放入输入文本字段?
【发布时间】:2021-10-07 19:53:08
【问题描述】:

您好我想问一下如何将firebase数据库中的数据放入输入文本字段? 我在任何文本标签中尝试过,比如标签、h1、强或任何东西,他们得到了它,但是当我把它放在输入文本字段中时,它没有改变或检测到。

这是我的输入文本字段的代码。

<div class="md-input">
<label>First Name<span class="text-danger">*</span></label><br>
<div class="md-input">
<input class="md-form-control" type="text" id="firstname" name="firstname" placeholder="&nbsp;" required>
</div>

这是 javascript 或我的 firebase 代码,用于将其移动到输入字段中,但没有任何反应。

firebase.auth().onAuthStateChanged(function(user)
  {
      if(!user)
      {
          window.location.href = "../signin.html";
      }
      else 
      {
        var dbUser = firebase.auth().currentUser.uid;

    firebase.database().ref('Freelancer/' + dbUser).once('value').then(function (snapshot){

    var okay = snapshot.val().name;
    var okay1 = snapshot.val().email;
    var okay2 = snapshot.val().pass;
    var okay3 = snapshot.val().roles;
    var okay4 = snapshot.val().userID;

    console.log(okay);
    console.log(okay1);
    console.log(okay2);
    console.log(okay3);
    console.log(okay4);


    document.getElementById("firstname").innerHTML=okay;
    document.getElementById("lastname").innerHTML=okay1;
    document.getElementById("phone").innerHTML=okay2;
    document.getElementById("roles").innerHTML=okay3;

});

希望有人可以帮助我或帮助我谢谢!

【问题讨论】:

    标签: javascript firebase input field


    【解决方案1】:

    对于&lt;input&gt; 元素,您需要在设置(或获取)字段中的文本时使用value 属性。

    document.getElementById("firstname").value = okay;
    

    【讨论】:

    • 天哪。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2021-11-17
    • 2017-11-21
    • 2019-06-14
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 1970-01-01
    • 2014-04-19
    相关资源
    最近更新 更多