Question

我使用下面的代码片段从Firebase数据库中提取数据并将其分配给Name变量。

var userId = localStorage.getItem('keyName');

var dbRefName = firebase.database().ref()
                                   .child('Web App')
                                   .child('Users')
                                   .child(userId)
                                   .child('Name');

dbRefName.on('value', snap => Name.innerText = snap.val());

var Name = document.getElementById('Name');

然后，我尝试将Name变量分配给value标签的input属性，如下所示：

<input type="text"
       id="Name"
       class="form-control form-control-alternative"
       placeholder="User Name"
       value="Name">

但是它不起作用，有人可以帮助我吗？

Answer 1

添加此行 var Name = document.getElementById('Name'); document.getElementById("Name").value = Name; 并从您的html中删除value="Name"

Answer 2

我自己找到了答案。体验卓越。在这里

var userId = localStorage.getItem('keyName');

    var dbRefName = firebase.database().ref().child('Web App').child('Users').child(userId).child('Name');

     dbRefName.on("value", function(snapshot) {
      console.log(snapshot.val());

      document.getElementById('Name').value = snapshot.val();

    }, function (errorObject) {
      console.log("The read failed: " + errorObject.code);
    });

输入标签应如下所示。

<input type="text"
       id="Name"
       class="form-control form-control-alternative"
       placeholder="User Name"
       >

如何将数据分配给Firebase数据库提取的输入标签中的value属性？

2 个答案: