Saya mencoba untuk mengambil beberapa data pengguna dari halaman HTML dengan meminta pengguna mengetikkannya. Saya ingin menyimpan data tersebut, (ini adalah semacam nomor ID) menampilkannya kembali ke pengguna pada bagian berikutnya yang mereka kunjungi ( bagian href yang saat ini berbeda pada satu halaman), kumpulkan lebih banyak data dari mereka dan akhirnya sajikan data tersebut kepada pengguna sebagai ulasan. Saya pikir ini akan sedikit seperti HTML "Hello World", tapi ternyata lebih dari itu. . Saya menemukan bahwa document.write() adalah cara yang salah untuk melakukannya, tetapi tidak ada jawaban yang baik tentang cara mencapai ini. Mengumpulkan data ini adalah hal pertama yang saya butuhkan dari pengguna, dan kemudian saya akan mengumpulkan lebih banyak data, jadi saya harus bisa mendapatkan data dan membiarkan pengguna bergerak.

Saya telah menghabiskan satu setengah hari di situs ini dan lainnya, mengeluarkan dua buku (ya, kertas!) Mencari jawaban, tetapi tidak mencapai solusi yang dapat digunakan. Sepertinya tidak ada yang berhasil. Setelah selesai, saya ingin memberi pengguna kesempatan untuk memperbaiki data sebelum mengirimkan, kemungkinan besar untuk memposting saat ini, tetapi akan menjadi server jika diterapkan.

Inilah cara saya mengumpulkan, disederhanakan sebanyak mungkin:

<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>

Tidak ada pesan kesalahan; hal-hal tidak bekerja. Saya ingin meminta pengguna untuk memasukkan bidang 1, minta mereka mengetiknya, klik untuk penerimaan, simpan data dalam variabel dan gema informasi kembali kepada mereka. Kedengarannya cukup sederhana, tetapi tidak.

0
Bruce 31 Mei 2019, 22:57

2 jawaban

Jawaban Terbaik

Formulir akan menghalangi Anda, Anda tidak memerlukannya kecuali Anda ingin memposting data di suatu tempat. Karena Anda hanya ingin mengambil data langsung dari bidang input dan menyimpannya sendiri, Anda dapat melakukan sesuatu seperti ini:

<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>
1
JoSchMO 31 Mei 2019, 21:03

Ada banyak cara berbeda, Anda dapat menggunakan ajax untuk menyimpan semua data ke database dan menunjukkannya kepada pengguna kapan pun Anda mau.

Atau Anda dapat menggunakan localStorage untuk simpan data sementara dan simpan nanti dalam keadaan tertentu...

0
Bibberty 31 Mei 2019, 20:11