Просмотр полной версии : Выбор данных из модального окна
Всем привет.
Сори если не правильно вопрос поставил, если что дополню )
В общем есть кнопка при нажатии которой всплывет модальное окно со списком услуг (например). Далее при выборе определенной услуги она появляется под кнопкой. И так можно добавить любое количество услуг.
Вопрос: как можно из модального окна получить данные и вставить их в нужное место ?
окно примерно такое всплывает -
http://picture-host.ru/pic_s/166ef8c35ee48207cbe94181ee7b7f0f.jpg (http://picture-host.ru/v.php?id=166ef8c35ee48207cbe94181ee7b7f0f)
как можно из модального окна получить данные и вставить их в нужное место ?
вы серъезно что-ли?
в такой постановке вопроса ответ -- никак
а что собственно в моем вопросе не так?
выбрать данные из модального окна - как я догадываюсь post - ом
как то может Ajax-ом?
skrudjmakdak
25.07.2013, 12:54
для начала нужно найти это модальное окно. например так: $('.myWindowModal'), а потом методом html() узнать содержимое
а что собственно в моем вопросе не так?
я скажем, могу сфотографировать машину, отнести фотографию в мастерскую, и попросить навесить подушку безопасности
для начала нужно найти это модальное окно. например так: $('.myWindowModal'), а потом методом html() узнать содержимое
как-то так можно действовать для начала
но додуматься до такого можно и без форума
ну в общем я решил попробовать так:
из кнопок в модале я сделал ссылки с 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 такой?? какую он роль играет.. мы не экстрасенсы!! выкладывайте все что необходимо.. иначе вы скорей всего останитесь без ответа
сори. в общем так:
<!-- эта кнопка выбрать находится в модальном окне -->
<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');
});
примерно так
$('кнопка_в_модальном_окне').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-ку нормальную сделали бы...
а как вы его туда воткнете, если там нет нормального кода?
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 и выбранный данные отправятся дальше.
спасибо.
может надо было по другому как то сделать?
все еще вожусь с этим вопросом (
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot