Как получить данные из выпадающего меню начальной загрузки 4

Question

У меня проблема с выпадающими меню в начальной загрузке 4, используя выпадающий стиль кнопки с якорями.Функциональность раскрывающегося списка работает нормально, но когда я фактически отправляю форму, я не получаю значения из раскрывающихся списков.есть ли специальный атрибут или что-то еще помимо имени, которое мне нужно предоставить?Я не вижу значений в теле запроса в expressjs.

<div class="form-group">
    <div class="col-5">
        <label for="sec_questions">
            Security Questions <span class="error_required">*</span>
        </label>
        <div class="dropdown">
            <button class="btn btn-default dropdown-toggle" type="button" 
              id="sec_questions" name="sec_questions" value="this" 
              role="dropdown" data-toggle="dropdown" 
              aria-haspopup="true" aria-expanded="false">
                Please Select
            </button>
            <div class="dropdown-menu" aria-labelledby="sec_questions">
                <a class="dropdown-item" href="#">
                    What is your mother's maiden name?
                </a>
                <a class="dropdown-item" href="#">
                    What is your pet's name?
                </a>
                <a class="dropdown-item" href="#">
                    What street did you grow up on?
                </a>
                <a class="dropdown-item" href="#">
                    Where did you go in elementary school?
                </a>
                <a class="dropdown-item" href="#">
                    Who was your first employer?
                </a>
            </div>
        </div>
    </div>
</div>

Все остальные поля присутствуют в теле запроса, но выпадающие списки выглядят странно.

Answer 1

bootstrap4 для стилей.Это не элемент формы HTML.Если вы не используете javascript, чтобы получить все входные значения и передать их целиком, используя AJAX, он не будет автоматически привязываться к вашей форме.

Чтобы привязать выбранные данные к отправке вашей формы, используйте <select />.

<div class="form-group">
    <select class="form-control" name="sec_questions">
        <option>Please Select</option>
        <option>What is your mother's maiden name?</option>
        <option>What is your pet's name?</option>
        <option>What street did you grow up on?</option>
        <option>Where did you go in elementary school?</option>
        <option>Who was your first employer?</option>
    </select>
</div>

demo: http://jsfiddle.net/davidliang2008/aq9Laaew/290563/

Don 'забыть атрибут name в элементе формы!