Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Выбор данных из модального окна (https://javascript.ru/forum/misc/40142-vybor-dannykh-iz-modalnogo-okna.html)

Зосимов 25.07.2013 10:50

Выбор данных из модального окна
 
Всем привет.
Сори если не правильно вопрос поставил, если что дополню )

В общем есть кнопка при нажатии которой всплывет модальное окно со списком услуг (например). Далее при выборе определенной услуги она появляется под кнопкой. И так можно добавить любое количество услуг.

Вопрос: как можно из модального окна получить данные и вставить их в нужное место ?

окно примерно такое всплывает -


mta88 25.07.2013 11:23

Цитата:

как можно из модального окна получить данные и вставить их в нужное место ?
вы серъезно что-ли?
в такой постановке вопроса ответ -- никак

Зосимов 25.07.2013 12:38

а что собственно в моем вопросе не так?

выбрать данные из модального окна - как я догадываюсь post - ом

как то может Ajax-ом?

skrudjmakdak 25.07.2013 12:54

для начала нужно найти это модальное окно. например так: $('.myWindowModal'), а потом методом html() узнать содержимое

mta88 25.07.2013 13:00

Цитата:

а что собственно в моем вопросе не так?
я скажем, могу сфотографировать машину, отнести фотографию в мастерскую, и попросить навесить подушку безопасности

Цитата:

для начала нужно найти это модальное окно. например так: $('.myWindowModal'), а потом методом html() узнать содержимое
как-то так можно действовать для начала
но додуматься до такого можно и без форума

Зосимов 25.07.2013 13:38

ну в общем я решил попробовать так:
из кнопок в модале я сделал ссылки с data данными. далее

$('#changeButton').click(function() {
     goods = $(this).data('goods');
     $("#goods").append(goods);

});


так как код модала находится на той же странице, в принципе данные вставляются.
но возник вопрос:

как получить эти данные в форму (в input какой нибудь) при условии что можно будет снова и снова открывать модал и выбирать еще нужные пункты

skrudjmakdak 25.07.2013 13:40

Цитата:

Сообщение от mta88 (Сообщение 264143)
как-то так можно действовать для начала
но додуматься до такого можно и без форума

я с вами полностью согласен

skrudjmakdak 25.07.2013 13:42

Цитата:

Сообщение от Зосимов (Сообщение 264150)
ну в общем я решил попробовать так:
из кнопок в модале я сделал ссылки с data данными. далее.... (далее вы знайте что, цитировать дальше не буду)

а html где?? что за #goods такой?? какую он роль играет.. мы не экстрасенсы!! выкладывайте все что необходимо.. иначе вы скорей всего останитесь без ответа

Зосимов 25.07.2013 13:59

сори. в общем так:
<!-- эта кнопка выбрать находится в модальном окне -->
<a class="badge badge-success" id="changeButton" href="#" data-goods="Элекстростимуляция луковиц<br>" >Выбрать</a> 


<!-- данный див находится в основном окне. этот див я хотел заменить как раз инпутом -->
<form action="">
<div id="goods"></div>
    <input type="submit" value="send" /> 
</form>
<!-- тут я хотел что бы отправлялись уже выбранные данные -->

$('#changeButton').click(function() {

     goods = $(this).data('goods');
     $("#goods").append(goods);    

});


тут пример если что - http://jsfiddle.net/kRcD9/1/

проблема еще в том кстати, что если кнопки выбрать две, работает только одна (

skrudjmakdak 25.07.2013 14:13

примерно так
$('кнопка_в_модальном_окне').click(function()
   {
   //получаем данные
   var data;
   $('.modalWindow .класс_с_данными').each(function()
      {
      data += $(this).val() + ';';
      });
   $('Ид_элемента_куда_нужно_засунуть_данные').val(data);
   $(this).css('display', 'none');
   });


Часовой пояс GMT +3, время: 20:30.