Saya memuat halaman HTML yang secara dinamis mengisi hasil pencarian (untuk sebuah buku) dalam serangkaian daftar yang dilampirkan ke tombol radio. Pengguna harus memilih buku mana yang mereka cari dari kumpulan daftar dengan memilih tombol radio dan mengklik "Kirim".

Bagaimana cara menangkap ISBN dari daftar tombol radio yang dipilih pengguna? Kode di bawah ini.

<form id="user_choice" action="/search" method="post">
      {% for data in data %}
          <div class="form-group">    
              <input type="radio" value="book_choice" id="choice" onClick="userSelection(document.getElementById('choice').value">
                  <ul>
                     <li> ISBN: {{ data[0] }} </li>
                     <li> Title: {{ data[1] }} </li>
                     <li> Author: {{ data[2] }} </li>
                     <li> Year: {{ data[3] }} </li>
                  </ul>
          </div>
          <br>    
      {% endfor %}
      <button class="btn btn-primary" onClick="submitUserSelection()">Select</button>
</form>
0
Adam DeCaria 24 Oktober 2019, 00:41

1 menjawab

Jawaban Terbaik

Karena Anda sudah mendapatkan nilai radio saat diklik, Anda dapat mengubah atribut value menjadi ISBN buku. Mantan:

<form id="user_choice" action="/search" method="post">
        {% for data in data %}
            <div class="form-group">    
                <input type="radio" value="{{ data[0] }}" onClick="userSelection(this.value)">
                    <ul>
                        <li>ISBN: {{ data[0] }}</li>
                        <li>Title: {{ data[1] }}</li>
                        <li>Author: {{ data[2] }}</li>
                        <li>Year: {{ data[3] }}</li>
                    </ul>
            </div>
            <br>    
        {% endfor %}
        <button class="btn btn-primary" onClick="submitUserSelection()">Select</button>
    </form>

Saya juga menghapus id yang berulang karena Anda tidak pernah ingin memiliki id duplikat

0
webdevdani 23 Oktober 2019, 21:51