Как отправить идентификатор на разные перенаправления без формы

У меня есть вопрос о том, как это сделать, я говорю вам, чтобы посмотреть, если вы можете проиллюстрировать, как я могу это сделать. У меня есть таблица, которая заполнена данными из базы данных, и в одном из столбцов есть 3 кнопки, в каждой строке появляются соответствующие кнопки, в которых каждая ссылка на действие, просмотр данных, изменение данных и удаление данных при нажатии Вы должны отправить меня на эту страницу с соответствующим идентификатором данных выбранной строки. Проблема в том, что я не знаю, как собрать это значение, так как я не могу использовать форму, потому что это 3 разные кнопки. Я думал, что с помощью javaScript я смогу подобрать значение id и отправить его соответствующей кнопке. Но я не знаю, правильно ли это, потому что я не заканчиваю видеть ее. Есть идеи?

Я пытался собрать значения td с помощью id = "", но оказалось, что предупреждение, которое я печатаю с помощью javascript, кажется неопределенным, с приложенным кодом:

<script>
function verId(){
    var id = document.getElementById("id1").value;
    alert ("El nombre es: "+id);
}

<td id="id1">'.utf8_encode($fila['nombre']).'</td>
1
задан 30.11.2019, 13:06
2 ответа

Восток cГіdigo позволяет тебе захватывать текст элемента, что estГЎs нажимая:

<p onclick="verId()">Ver</p>
<p onclick="verId()">Editar</p>
<p onclick="verId()">Borrar</p>

<script type="text/javascript">
    function verId(){
        window.onclick = e => {
            console.log(e.target.innerText);
        } 
    }
</script>

не лучший способ это делать, но дает тебе идею как захватывать событие. Начнись из-за aquГ - и разработай собственные ты cГіdigo.

1
ответ дан 01.12.2019, 10:33

  (() => {
    class App {
      constructor() {
        this.ObjDesigner = {};
      }
      Initialize() {
        try {
          this.Designer();
          this.Create();
        } catch (error) {
          console.error("app.html/Initialize =>", error)
        }
      }
      Designer(){
        try {
          this.ListButtons = [...document.getElementsByClassName("btnActions")];

        } catch (error) {
          console.error("app.html/Designer =>", error)
        }
      }
      Create(){
        try {
          this.ListButtons.forEach((itemElementHTml, index) => {
            itemElementHTml.dataset.id = `${index}_${new Date().getTime().toString()}`;
            this[itemElementHTml.innerText] && itemElementHTml.addEventListener("click", this[itemElementHTml.innerText], false)
          })
        } catch (error) {
          console.error("app.html/Designer =>", error)
        }
      }
      EventAdd(event) {
        try {
          alert(event.target.dataset.id)
        } catch (error) {
          console.error("app.html/EventAdd =>", error)

        }
      }
      EventUpdate(event) {
        try {
          alert(event.target.dataset.id)
        } catch (error) {
          console.error("app.html/EventUpdate =>", error)

        }
      }
      EventDelete(event) {
        try {
          alert(event.target.dataset.id)
        } catch (error) {
          console.error("app.html/EventDelete =>", error)

        }
      }
    }
    const objApp = new App();
    objApp.Initialize();
  }
  )();
    table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
    }

    td,
    th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
    }

    tr:nth-child(even) {
      background-color: #dddddd;
    }
  </style>
<body>

  <h2>App</h2>
  <table>
    <tr>
      <th>Field01</th>
      <th>Field02</th>
      <th>Field03</th>
    </tr>
    <tr>
    <tr>
      <td>Data01</td>
      <td>Data01</td>
      <td>
        <button class="btnActions">EventAdd</button>
        <button class="btnActions">EventUpdate</button>
        <button class="btnActions">EventDelete</button>
      </td>
    </tr>
    <tr>
      <td>Data01</td>
      <td>Data01</td>
      <td>
        <button class="btnActions">EventAdd</button>
        <button class="btnActions">EventUpdate</button>
        <button class="btnActions">EventDelete</button>
      </td>
    </tr>
  </table>

</body>

ты Можешь использовать API dataset, которая позволяет тебе некий способ сохранять informaciГіn. Это ты это можешь setear в твой сам кнопки, помни encriptar твои данные. Когда ты нарисуешь данные dinГЎmicos, не является рекомендуемым использовать пойдите в контроле Html, так как он может существовать "дублированные данные".

1
ответ дан 01.12.2019, 10:33

Теги

Похожие вопросы