我试图通过让用户键入HTML页面来拾取一些用户数据。我想保留数据(它们是ID的种类),然后在用户转到的任何后续部分中将其显示回给用户(一页上当前不同的href部分),从中收集更多数据,并最终将数据呈现给用户以作评论。我以为这有点像HTML“ Hello World”,但事实证明它还不止于此。 。我发现document.write()是解决该问题的错误方法,但没有关于如何完成此操作的好答案。收集这些数据是我需要从用户那里获得的第一件事,然后我将收集更多数据,因此我必须能够获取数据并让用户四处走动。

我在这个站点和其他站点上花了一天半的时间,掏出两本书(是​​的,是纸!)来寻找答案,但没有找到可用的解决方案。似乎没有任何作用。完成后,我希望为用户提供在提交之前更正数据的机会,目前最有可能发布,但是如果实现的话,它将是服务器。

这是我的收集方式,尽可能简化:

<form name="getNPIandTIN">
<p> Please enter NPI and TIN</p>
Provider NPI: <input type="number" name="Provider_NPI">
<p>
Provider TIN: <input type="number" name="Provider_TIN">
<input type="submit" value="Submit NPI and TIN">
</form>

...

<p id="demo"></p>

Inner HTML action
<script> document.getElementById"demo").innerHTML=
document.getNPIandTIN.Provider_NPI.value
</script>


无错误信息;事情根本不起作用。我想让用户输入字段1,让他们键入内容,单击接受,将数据存储在变量中,然后将信息回显给他们。听起来很简单,但事实并非如此。

最佳答案

该表单将为您带来麻烦,除非您希望将数据发布到某个地方,否则不需要它。由于您只想直接从输入字段中获取数据并自己存储,因此可以执行以下操作:

<div>
  Provider NPI: <input type="number" id="providerNPI" name="Provider_NPI" value="">
  <br>
  Provider TIN: <input type="number" id="providerTIN" name="Provider_TIN" value="">
  <br>
  <button onclick="captureNumbers()">Submit NPI and TIN</button>
</div>

<p id="demo"></p>

<script>
  function displayNumbers() {
    // get the stored values and show them to the user
    var providerNPI = sessionStorage.getItem('providerNPI');
    var providerTIN = sessionStorage.getItem('providerTIN');
    document.getElementById("demo").innerHTML = "NPI: " + providerNPI + ", TIN: " + providerTIN;
  }

  function storeNumbers(numbersObject) {
    // store the values locally so you can access them wherever you need them
    sessionStorage.setItem('providerNPI', numbersObject.providerNPI);
    sessionStorage.setItem('providerTIN', numbersObject.providerTIN);
  }

  function captureNumbers() {
    // first get the values from the input fields as a javascript object so you don't have to pass a ton of individual variables
    var providerNumbers = {};
    providerNumbers.providerNPI = document.getElementById("providerNPI").value;
    providerNumbers.providerTIN = document.getElementById("providerTIN").value;

    // then pass the object variable to the storage function
    storeNumbers(providerNumbers);

    // then call the display function
    displayNumbers();
  }
</script>

关于javascript - 有没有一种很好的方法可以用HTML或javascript将收集到的数据显示给用户并仍然保留数据?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56401054/

10-12 12:33
查看更多