Вход

Просмотр полной версии : Выбор данных из модального окна


Зосимов
25.07.2013, 10:50
Всем привет.
Сори если не правильно вопрос поставил, если что дополню )

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

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

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

http://picture-host.ru/pic_s/166ef8c35ee48207cbe94181ee7b7f0f.jpg (http://picture-host.ru/v.php?id=166ef8c35ee48207cbe94181ee7b7f0f)

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
как-то так можно действовать для начала
но додуматься до такого можно и без форума
я с вами полностью согласен

skrudjmakdak
25.07.2013, 13:42
ну в общем я решил попробовать так:
из кнопок в модале я сделал ссылки с 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
примерно так
$('кнопка_в_модальном_окне').c lick(function()
{
//получаем данные
var data;
$('.modalWindow .класс_с_данными').each(function()
{
data += $(this).val() + ';';
});
$('Ид_элемента_куда_нужно_за унуть_данные').val(data);
$(this).css('display', 'none');
});

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

спасибо.
но я если честно не понял Вашего примера и не смог его воспроизвести (
http://jsfiddle.net/Okulo/kRcD9/5/

skrudjmakdak
25.07.2013, 14:57
а как вы его туда воткнете, если там нет нормального кода?
1. где нормальное модальное окно? какой то тэг <а>
2. само ""модальное окно"" (очень сложно его назвать модальным) ничего в себе не содержит особо интересного...

ну я могу кинуть пару строк:
$('#changeButton').click(function() {

var bage = $('#bage').html();
$('#goods').val(bage);
$('form').submit();

});

для начала бы html-ку нормальную сделали бы...

Зосимов
26.07.2013, 09:58
а как вы его туда воткнете, если там нет нормального кода?
1. где нормальное модальное окно? какой то тэг <а>
2. само ""модальное окно"" (очень сложно его назвать модальным) ничего в себе не содержит особо интересного...

ну я могу кинуть пару строк:
$('#changeButton').click(function() {

var bage = $('#bage').html();
$('#goods').val(bage);
$('form').submit();

});

для начала бы html-ку нормальную сделали бы...


ну для начала это может быть не обязательно модальное окно. В моем примере я просто использую ссылку с данными. Получив эти данный в форму я уже отправляю форму (в смысле так я хотел сделать).

Сейчас я хотел понять как это реализовать, ну а позже уже оформить все это в модальном окно (html там и все такое).

Если не трудно, подскажите с синтаксисом - как правильно использовать Ваш код в моем примере (http://jsfiddle.net/Okulo/kRcD9/5/)

задача получить данные которые прописаны в ссылке (data-goods) в инпут формы. Причем нажимать можно на ссылку много раз, соответственно будет много инпутов. После получения достаточно нажать send и выбранный данные отправятся дальше.

спасибо.

Зосимов
31.07.2013, 13:10
может надо было по другому как то сделать?

Зосимов
31.07.2013, 13:20
все еще вожусь с этим вопросом (