Как добавить данные в инпуте с помощью js?

212
27 января 2022, 16:10

Всем привет! Я использую вот эту библиотеку для создания меню. На данный момент мой html выглядит вот так:

<div class="dd" id="nestable">
<ol class="dd-list">
    <li class="dd-item">
        <button data-action="collapse" type="button">Collapse</button>
        <button data-action="expand" type="button" style="display: none;">Expand</button>
        <div class="dd-handle">
            <input class="form-control" required="" data-id="19" disabled="" name="page[18][name]" type="text" value="dwq">
            <input name="page[18][order]" type="hidden">
            <input name="page[18][parent]" type="hidden">
        </div>
        <ol class="dd-list">
            <li class="dd-item">
                <div class="dd-handle">
                    <input class="form-control" required="" disabled="" name="page[19][name]"
                           type="text" value="dwq" data-id="19">
                    <input name="page[19][order]" type="hidden">
                    <input name="page[19][parent]" type="hidden">
                </div>
            </li>
        </ol>
    </li>
</ol>

Для удобства я оставил только одну вложенность.

Как можно в поле <input name="page[id][order]" type="hidden"> в value поставить порядок в котором этот блок стоит, и для этого поля <input name="page[id][parent]" type="hidden"> указать в value идентификатор элемента выше? Заранее спасибо

Answer 1

Что такое "идентификатор элемента выше"?

$('.dd-handle input[type="hidden"][name*="order"]').each(function(idx, el){ 
  el.value = idx;  
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="dd" id="nestable"> 
  <ol class="dd-list"> 
    <li class="dd-item"> 
      <button data-action="collapse" type="button">Collapse</button> 
      <button data-action="expand" type="button" style="display: none;">Expand</button> 
      <div class="dd-handle"> 
        <input class="form-control" required="" data-id="19" disabled="" name="page[18][name]" type="text" value="dwq"> 
        <input name="page[18][order]" type="hidden"> 
        <input name="page[18][parent]" type="hidden"> 
      </div> 
      <ol class="dd-list"> 
        <li class="dd-item"> 
          <div class="dd-handle"> 
            <input class="form-control" required="" disabled="" name="page[19][name]" type="text" value="dwq" data-id="19"> 
            <input name="page[19][order]" type="hidden"> 
            <input name="page[19][parent]" type="hidden"> 
          </div> 
        </li> 
      </ol> 
    </li> 
  </ol>

READ ALSO
функция принимает массив и возвращает его сумму
javascript

функция принимает массив и возвращает его сумму

Всем добрый день Получил задание уже как дней 5, и вроде бы оно прям простое, но что бы я не попробовал, выдает или ReferenceError или TypeError Суть задания...

 133
Как лучше всего отсрочить прогрузку iframe?
HTML

Как лучше всего отсрочить прогрузку iframe?

У меня в сайте стоит iframe с ссылкой на другой сайт где лежит формаВ ней есть очень много jquery и в целом она добавляет целых 3 секунды к времени...

 159
Hover эффект у карточки
HTML

Hover эффект у карточки

Правильно ли будет если я сделаю img как бэкграунд, а сами элементы, которые должны появляться при наведении, сделаю opacity: 0 (при наведении opacity...

 152
Запись на внешний накопитель в Android
Java

Запись на внешний накопитель в Android

Для записи на внешние (съёмные) накопители обычно получают доступ к корню накопителя через провайдера документовНо в некоторых приложениях...

 123