Передайте переменную jquery для начальной загрузки. - PullRequest
Новая
       26

Передайте переменную jquery для начальной загрузки.

0 голосов
/ 27 апреля 2018

Прежде всего, я хочу, чтобы вы знали, что я новичок (пожалуйста, будьте добры), и я сначала искал решение, но не смог найти. Я пытаюсь построить блог, используя php mvc framework. В этот момент, когда я хочу отредактировать статью, я перенаправляю на новую страницу и выполняю там работу, но я хочу переключиться на jquery (или javascript), и я застрял в выборе категории статьи из списка выбора. меню. У меня есть глобальная переменная веточка, содержащая все категории (для навигации). Это мой код до сих пор: JS: 

$('#editModal').on('show.bs.modal', function (event) {
      var button = $(event.relatedTarget)
      var title = button.data('title')
      var category = button.data('category')
      var body = button.data('body')
      var modal = $(this)
      modal.find('#title').val(title)
      modal.find('#article-id').val(button.data('id'))
      modal.find('#category').val(category)
      modal.find('#body').val(body)
    });

Modal: 

<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Changed your mind? Paste your thoughts!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form class="form" method="post" action="/adminzone/articles/update" id="formEditArticle">
        <div class="modal-body">
            <input id="article-id" name="id" type="hidden" value={{article.id}} />
            <div class="form-group">
                <label for="title">Title</label>
                <input id="title" class="form-control" name="title" placeholder="Title" value="{{ article.title }}" autofocus required pattern=".{2,80}" title="The title must have at least 2 characters and maximim 80."/>
            </div>
            <div class="form-group">
                <label for="category">Category</label>
                <select id="category" class="form-control" name="category" required>
                    {% for category in categories %}
                    <option value="{{ category.id }}" {% if category.id == article.category %} selected="selected" {% endif %}>{{ category.name }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="form-group">
                <label for="body">Body</label>
                <textarea id="body" class="form-control" name="body" placeholder="Paste here your ideas..." required minlength="20"  rows=10>{{ article.body }}</textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-lg btn-secondary" data-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-lg btn-primary mr-5"><i class="fa fa-lg fa-save"></i> Spreat the word!</button>
            </div>
        </div>
    </form>
    </div>
  </div>
</div>

Кнопка: 

<a href="" class="btn btn-warning fa fa-lg fa-edit" data-toggle="modal" data-target="#editModal" data-id="{{article.id}}" data-title ="{{article.title}}" data-category="{{article.category}}" data-body="{{article.body}}" data-tooltip="tooltip" title="Edit"></a>
...