Как захватить выбор из списка, вложенного с помощью радиокнопки - PullRequest
Новая
       9

Как захватить выбор из списка, вложенного с помощью радиокнопки

0 голосов
/ 24 октября 2019

Я загружаю HTML-страницу, которая динамически заполняет результат поиска (для книги) в наборе списков, прикрепленных к переключателю. Пользователь должен выбрать, какую именно книгу он ищет, из набора списков, установив переключатель и нажав «Отправить».

Как мне захватить ISBN из списка для переключателя, которыйпользователь выбирает? Код ниже. 

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

1 Ответ

0 голосов
/ 24 октября 2019

Так как вы уже захватываете значение радио при нажатии, вы можете изменить атрибут значения на ISBN книги. Пример: 

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

Я также удалил повторный идентификатор, так как вы никогда не хотите иметь повторяющиеся идентификаторы

...