Измените название карты, основываясь на вводе пользователя с загрузочной коробкой - PullRequest
Новая
       49

Измените название карты, основываясь на вводе пользователя с загрузочной коробкой

1 голос
/ 11 февраля 2020

Привет, вот мой сценарий для вопроса

У меня есть кнопка.

Когда кнопка нажимается на веб-странице, появляется модальное окно (генерируется Bootbox. js), который содержит область ввода текста и кнопку подтверждения.

Вот чего я хочу достичь: Создать карту с названием на основе пользовательский ввод:

Как только пользователь введет некоторый текст для ввода и нажмет кнопку подтверждения, модал исчезнет, ​​сгенерировав карточку с заголовком (таким же, как ввод пользователя) на страница в Интернете.

Что я пробовал:

С загрузочной коробкой и Bootstrap 4: 

     var addGroup_data = function () {
        let addGroup = $('#addGroup').html();
        Rule_add = bootbox.dialog({
            title: 'Add New Card',/**/
            message: addCard,
            centerVertical: true,
            // size: 'large',
            buttons: {
                confirm: {
                    label: 'Confirm',
                    className: 'justify-content-center btn-primary',
                    var id = $('.modal-body #groupId').val();
                       }
                        });

HTML: 

  <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-body">
            <p>Name: <input type="text" name="user"></p>
            <h5 id="groupId">card title</h5>
            <p class="card-text">content.</p>
            <a href="javascript" class="btn btn-primary">modal popup</a>
          </div>
        </div>
      </div>
    </div>

JQuery: 

$('body').on('click','#groupId',function(){
    let inputValue = $(this).val();
    let text = $(this).find('#groupId')

    /*$('body').on('click', ' .modal btn' ,function() {
        $("#groupId").append(gcardTitle);
    })*/

    $(".modal btn").click(function(){
        $("#groupCardTitle").append(inputValue);
      });

})

Вопрос: Кажется, что я никогда не получу значение ввода, и у меня нет никакой подсказки.

...