Как выбрать конкретную форму, класс и ID вместе

Question

Как выбрать элемент с идентификатором «список» в моем коде?

<center>
  <form id="form1">
    <div class="form-group">
      <textarea class="form-control text-center border-primary" id=list rows="3"></textarea>
      <button type="button" id="button" onclick="send();" class="btn btn-dark">Start</button><br>
    </div>
  </form>
</center>

Я пытаюсь выбрать элемент с идентификатором "list", используя jQuery ...

var line = $('#form1 .form-group #list').val();

Но я получаю следующую ошибку:

«Ошибка типа: строка не определена»

Answer 1

вы можете цепочкой вы выбираете заявления, если хотите

var $list = $('#form1').find('.form-group').find('#list');

Но это не нужно, если у вас есть идентификатор списка, так как все идентификаторы в html должны быть уникальными.

Так что вы можете напрямую сделать $('#list')

Answer 2

Я так понимаю, вы хотите выбрать значение текстовой области. Ваш идентификатор, прежде всего, не указан. Во-вторых, вы допустили орфографическую ошибку в своем идентификаторе.

Так что либо измените эту строку

<textarea class="form-control text-center border-primary" id=lista rows="3"></textarea>

до

<textarea class="form-control text-center border-primary" id="list" rows="3"></textarea>

Кроме того, нет необходимости в каскадном поиске, если вы используете ID. Просто: $(#list).val() должно быть достаточно.