Событие, которое скрывает две таблицы с Javascript

Добрый день, у меня есть код, который хорошо работает для меня, и он делает то, что, давая его в комнате 1 + комната, он показывает мне комнату 2, а в комнате 2, когда я даю ему + комнату, он показывает мне комнату 3 в каждой, которую я могу скрыть, но я хотел бы Комната 1 может одновременно прятаться и прятаться в комнате 2 и комнате 3, потому что, давая ей возможность спрятаться в комнате 1, когда комната 2 и комната 3 открыты, комната 3 открыта, и я хотел бы, чтобы оставалась только комната 1, поэтому я возвращаюсь в состояние начальная. Следующий код спасибо.

function desplegar(tabla_a_desplegar, estadoT, estadoTfila) {
  console.log(estadoT)
  var tablA = document.getElementById(tabla_a_desplegar);
  var estadOt = document.getElementById(estadoT);
  var fila = document.getElementById(estadoTfila);

  switch (tablA.style.display) {
    case "none":
      tablA.style.display = "block";
      estadOt.innerHTML = "Ocultar";
      fila.innerHTML = "";
      fila.innerHTML = " La fila de id: " + fila.id + ". Contiene: " + fila.innerHTML + " :: " + fila.style.background;
      break;
    default:
      tablA.style.display = "none";
      estadOt.innerHTML = "+Habitacion"
      break;
  }


}
<table style="margin-left:27px; margin-right:27px">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 1</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <a class="registro registrolinea habitacion" id="estadoT" onClick="desplegar('tabla_a_desplegar','estadoT', 'estadoTfila')" style="background: #AEE756; cursor: pointer;">+ Habitacion</a>
        </p>
      </td>


      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>

  </tbody>
</table>
<table id="tabla_a_desplegar" style="margin-left:26px; margin-right:27px; margin-top:-15px; display:none; ">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 2</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <a class="registro registrolinea habitacion" id="estadoT2" onClick="desplegar('tabla_b_desplegar','estadoT2', 'estadoTfila')" style="background: #AEE756; cursor: pointer;">+ Habitacion</a>
        </p>
      </td>


      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>
  </tbody>
</table>


<table id="tabla_b_desplegar" style="margin-left:26px; margin-right:27px; margin-top:-15px; display:none; ">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 3</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>



      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px;">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px; ">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>
  </tbody>
</table>
<table style="margin-left:180px">
  <tbody>
    <tr>
      <td>
        <button style="margin: 0 auto" type="button" class="btn btn-success">Buscar</button>
      </td>
    </tr>
  </tbody>
</table>
1
задан 22.03.2016, 03:56
2 ответа

Поскольку ты перемещаешь стоимость, отличную от функции desplegar, быстрое решение состояло бы в том, чтобы подтверждать, какая стоимость прошла, и если это первый, скрывать две следующие линии вместо только первой. Идея - что, если вторая таблица - та, которая скрывается, подтверждать, видимая ли третья и прятать ее, если он это.

Ты мог бы делать эту проверку в desplegar когда скроется таблица (он ощущается, что этот код специфический для проблемы, которую ты представляешь, если ты меняешь код, например добавляя больше подмостков, ты будешь должен искать более характерное решение):

// si la tabla que se oculta es la segunda y la tercera tabla está visible
if (tablA.id == "tabla_a_desplegar" && document.getElementById("tabla_b_desplegar").style.display == "block") {
    // esconde la tercera tabla (código copiado del segundo enlace)
    desplegar('tabla_b_desplegar','estadoT2', 'estadoTfila')
}

Результат был бы чем-то как это:

function desplegar(tabla_a_desplegar, estadoT, estadoTfila) {
  
  var tablA = document.getElementById(tabla_a_desplegar);
  var estadOt = document.getElementById(estadoT);
  var fila = document.getElementById(estadoTfila);

  switch (tablA.style.display) {
    case "none":
      tablA.style.display = "block";
      estadOt.innerHTML = "Ocultar";
      fila.innerHTML = "";
      fila.innerHTML = " La fila de id: " + fila.id + ". Contiene: " + fila.innerHTML + " :: " + fila.style.background;
      break;
    default:
      tablA.style.display = "none";
      estadOt.innerHTML = "+Habitacion"
      
      // si la tabla que se oculta es la segunda y la tercera tabla está visible
      if (tablA.id == "tabla_a_desplegar" && document.getElementById("tabla_b_desplegar").style.display == "block") {
        // esconde la tercera tabla
        desplegar('tabla_b_desplegar','estadoT2', 'estadoTfila')
      }
      break;
  }


}
<table style="margin-left:27px; margin-right:27px">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 1</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <a class="registro registrolinea habitacion" id="estadoT" onClick="desplegar('tabla_a_desplegar','estadoT', 'estadoTfila')" style="background: #AEE756; cursor: pointer;">+ Habitacion</a>
        </p>
      </td>


      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>

  </tbody>
</table>
<table id="tabla_a_desplegar" style="margin-left:26px; margin-right:27px; margin-top:-15px; display:none; ">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 2</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <a class="registro registrolinea habitacion" id="estadoT2" onClick="desplegar('tabla_b_desplegar','estadoT2', 'estadoTfila')" style="background: #AEE756; cursor: pointer;">+ Habitacion</a>
        </p>
      </td>


      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>
  </tbody>
</table>


<table id="tabla_b_desplegar" style="margin-left:26px; margin-right:27px; margin-top:-15px; display:none; ">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 3</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>



      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px;">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px; ">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>
  </tbody>
</table>
<table style="margin-left:180px">
  <tbody>
    <tr>
      <td>
        <button style="margin: 0 auto" type="button" class="btn btn-success">Buscar</button>
      </td>
    </tr>
  </tbody>
</table>
1
ответ дан 24.11.2019, 14:42
  • 1
    Спасибо снова Альваро который больше то, чтобы говорить тебе, что эта завершила мой код с твоей превосходной помощью в пользу продолжения изучать большое спасибо – Ing Alejandro Montes 22.03.2016, 07:52

Реализуйте какие-то изменения в html, повторно определяя, как они называются, они пойдите tag и в javascript ты увидишь, что необходимо пробегать нижние подмостки, чтобы скрывать

, Проанализируй cГіdigo, края он довольно простой.

function desplegar(nroTabla, estadOt) {

  var tabla = document.getElementById('tabla' + nroTabla);
  //var estadOt = document.getElementById(estadoT);
  //var fila = document.getElementById(estadoTfila);

  switch (tabla.style.display) {
      
    case "none":
      tabla.style.display = "block";
      estadOt.innerHTML = "Ocultar";

      break;
      
    case "block":
      tabla.style.display = "none";
      estadOt.innerHTML = "+Habitacion";
      
      for(i = nroTabla; i<= 3; i++){
          var tablaTemp = document.getElementById('tabla' + i);
          tablaTemp.style.display = "none";
          var estadoTemp = document.getElementById('estadoT' + i);
          estadoTemp.innerHTML = "+Habitacion";
      }
      
      break;
  }


}
<table style="margin-left:27px; margin-right:27px">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 1</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <a class="registro registrolinea habitacion" id="estadoT1" onClick="desplegar(2, this);" style="background: #AEE756; cursor: pointer;">+ Habitacion</a>
        </p>
      </td>


      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>

  </tbody>
</table>

<table id="tabla2" style="margin-left:26px; margin-right:27px; margin-top:-15px; display:none; ">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 2</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">
          <a class="registro registrolinea habitacion" id="estadoT2" onClick="desplegar(3, this);" style="background: #AEE756; cursor: pointer;">+ Habitacion</a>
        </p>
      </td>


      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>
  </tbody>
</table>


<table id="tabla3" style="margin-left:26px; margin-right:27px; margin-top:-15px; display:none; ">
  <tbody>
    <tr>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px">Habitacion 3</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px; margin-left:-09px">Adulto</p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px">&nbsp;Ni&ntilde;o</p>
      </td>
    </tr>
    <tr>



      <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left; margin-top:12px;">
          <select class="form-control seleccionunoir" id="sel1">

            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
      <td>
        <p style="font-family: 'Roadgeek 2005 Series 1B', sans-serif; font-size:16px; color:#000000; text-align:left;margin-top:12px; ">
          <select class="form-control selecciondosir" id="sel1">

            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>



          </select>
        </p>
      </td>
    </tr>
  </tbody>
</table>
<table style="margin-left:180px">
  <tbody>
    <tr>
      <td>
        <button style="margin: 0 auto" type="button" class="btn btn-success">Buscar</button>
      </td>
    </tr>
  </tbody>
</table>
0
ответ дан 24.11.2019, 14:42