Какой в данной ситуации нужен скрипт передачи и получения значения?

153

18 марта 2019, 03:30

Здравствуйте. Здесь при нажатии кнопку заказать выходит дополнительное окошко. Какой можно употребить скрипт получения и передачи значения, только скрипт. Что-б в зависимости от того, куда нажал в поле ввода тариф, уже было введено слово. Например нажал на демо, вышло окошко и в поле уже введено демо, нажал на стандарт уже введено стандарт.Код с таблицей и дополнительным окошком пишу ниже:

<table border="1"> 
  <tr class="tablic"> 
    <td>Формат</td> 
    <td>Демо<br/>0 P<br/> 
      <button type="button" class="knopka_demo" data-modal="modal_1">Заказать</button> 
    </td> 
    <td>Стандарт<br/>3000 P<br/> 
      <button type="button" class="knopka_standart" data-modal="modal_2">Заказать</button> 
    </td> 
    <td>Оптимальный<br/>5000 P<br/> 
      <button type="button" class="knopka_Optimal" data-modal="modal_3">Заказать</button> 
    </td> 
    <td>Максимальный<br/>8000 P<br/> 
      <button type="button" class="knopka_maksimal" data-modal="modal_4">Заказать</button> 
    </td> 
    <td>Максимальный плюс<br/>8000 P+<br/> 
      <button type="button" class="knopka_maksimal_plus" data-modal="modal_5">Заказать</button> 
    </td> 
  </tr> 
</table> 
 
<div class="overlay" data-close=""></div> 
 
<div id="modal_1" class="dlg-modal"> 
  <span class="closer" data-close=""></span> 
  <table> 
    <tbody> 
      <tr> 
        <th class="lable">Тариф</th> 
        <td class="input"><input type="text" class="mytext" value="Демо"></td> 
 
      </tr> 
      <tr> 
        <th class="lable">Контактное лицо</th> 
        <td class="input"><input name="name" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">Название организации</th> 
        <td class="input"><input name="name" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">ИНН организации</th> 
        <td class="input"><input name="name" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">Email</th> 
        <td class="input"><input name="email" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">Телефон</th> 
        <td class="input"><input name="phone" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
 
 
      <tr> 
        <th></th> 
        <td align="center"> 
          <input name="order_submit" type="submit" value="Заказать"> </td> 
 
      </tr> 
    </tbody> 
  </table> 
 
 
</div> 
</div>

Answer 1

$("tr.tablic td button").click(function(){ 
  var title = $(this).closest("td").find(".title").text(); 
  $("#modal_1 .price-type input").val(title); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<table border="1"> 
  <tr class="tablic"> 
    <td>Формат</td> 
    <td><span class="title">Демо</span><br/>0 P<br/> 
      <button type="button" class="knopka_demo" data-modal="modal_1">Заказать</button> 
    </td> 
    <td><span class="title">Стандарт</span><br/>3000 P<br/> 
      <button type="button" class="knopka_standart" data-modal="modal_2">Заказать</button> 
    </td> 
    <td><span class="title">Оптимальный</span><br/>5000 P<br/> 
      <button type="button" class="knopka_Optimal" data-modal="modal_3">Заказать</button> 
    </td> 
    <td><span class="title">Максимальный</span><br/>8000 P<br/> 
      <button type="button" class="knopka_maksimal" data-modal="modal_4">Заказать</button> 
    </td> 
    <td><span class="title">Максимальный плюс</span><br/>8000 P+<br/> 
      <button type="button" class="knopka_maksimal_plus" data-modal="modal_5">Заказать</button> 
    </td> 
  </tr> 
</table> 
 
<div class="overlay" data-close=""></div> 
 
<div id="modal_1" class="dlg-modal"> 
  <span class="closer" data-close=""></span> 
  <table> 
    <tbody> 
      <tr> 
        <th class="lable">Тариф</th> 
        <td class="input price-type"><input type="text" class="mytext" value="Демо"></td> 
 
      </tr> 
      <tr> 
        <th class="lable">Контактное лицо</th> 
        <td class="input"><input name="name" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">Название организации</th> 
        <td class="input"><input name="name" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">ИНН организации</th> 
        <td class="input"><input name="name" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">Email</th> 
        <td class="input"><input name="email" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
      <tr> 
        <th class="lable">Телефон</th> 
        <td class="input"><input name="phone" size="40" maxlength="40" class="input" type="text"></td> 
      </tr> 
 
 
      <tr> 
        <th></th> 
        <td align="center"> 
          <input name="order_submit" type="submit" value="Заказать"> </td> 
 
      </tr> 
    </tbody> 
  </table> 
 
 
</div> 
</div>