Блог

Главная - Вопросы по программированию - Как мне передать значения всплывающего модала в исходную таблицу

Как мне передать значения всплывающего модала в исходную таблицу

#javascript #php #html #jquery #ajax

#javascript #php #HTML #jquery #ajax

Вопрос:

Исходная форма

 <table>
     for($i=0;$i<5;$i  )
     {
      <tr>
      <td><input name="data[$i]"/> <button onclick="getElementById('modal').style.display('block')"> 
          </button></td>
      </tr>
     }
</table>

Всплывающий модал

 <div id="modal">
         <table>
         <tr>
             <td>Value 1</td>
             <td>Value 2</td>
         </tr>
         </table>
</div>

Как мне получить значение td из всплывающего модала в исходную таблицу формы tr td при нажатии на эту конкретную строку?

Комментарии:

1. вы хотите передать текущее значение $row в Bootstrap Modal??

2. извините, я немного не умею объяснять, когда пользователь выбирает строку из всплывающего модала, значение должно быть передано обратно в текущую строку исходной таблицы формы $row.

Ответ №1:

Прежде всего, вам нужно добавить an event к <td> тегам.

<td onclick="return sendValue(this);">Value 1</td>

В вызывающем (родительском) окне добавьте такой JS-код:

 function HandlePopupEvent(result) {
    alert("the selected popup value: "   result);
}

В дочернем окне (всплывающем окне) добавьте это:

 function sendValue(sender) {
    try {
        window.opener.HandlePopupResult(sender.innerHTML);
    }
    catch (err) {}
    return false;
}

Комментарии:

1. пожалуйста, объясните это, добавив также комментарии.