Заполнение формы из открывающегося окна
Стоит следующая задача: на страничке опций нажать на ссылку "Выбрать ткань" в моем случае. Открывается новое окно. В нем много вариантов выбора. Щелкаем на один из них, окно закрывается, на страничку опций передаются следующие данные:
1.Маленькое изображение. Убирается надпись "Выбрать ткань" 2.Название (артикул) ткани. 3.Информация о цене. Подсмотрел следующее решение. Вот страничка опций: <html> <head><title></title> <script type="text/javascript" src="../catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script> </head> <body> <div class="options" id="product_options"> <div class="cloth-chooser-block"> <div class="clothchooser-in" id=""><div class="cloth-chooser" id="cloth-chooser-1"><div><div>Выбрать ткань</div></div></div> <link type="text/css" rel="stylesheet" href="./gal/style.css"> <script type="text/javascript"> $(function(){ window.cloth = {}; window.upholstery_enc = ''; $(".cloth-chooser").click(function(){ window.clothChooser = $(this); var win = window.open('', 'inline', 'location=no,width=10000,height=10000,scrollbars'); win.document.location = 'http://top/gal/gal.html'; }); getCloth = function() { var str = ''; $.each(window.cloth, function(k, v){ str += '&' + v; }); return str; } }); </script> <div id="option-229" class="option"> <b>Text:</b> <input type="text" class="input-text" name="option[229]" value=""> </div></div></div> <div class="clearfix hr"></div> </div> </body></html> Вот строчка кода выбора варианта с данными на открывшейся страничке: <a class="addtocard" id="Alice - Beige" kat="3" tkan="Alice - Beige" tkan_img="/img/Alice-Beige.jpg" href="" target="_blank" title="Alice - Beige" rel="">Выбрать</a> Часть скрипта, которую нужно отредактировать: $(function(){ $("a.addtocard").click(function(){ window.opener.clothChooser.find("div").find("div").remove(); window.opener.clothChooser.css("backgroundImage", "url(/gal" + $(this).attr("tkan_img") + ")"); window.opener.cloth[window.opener.clothChooser.attr("id")] = window.opener.clothChooser.attr("id") + '-id=' + $(this).attr("id") + '&' + window.opener.clothChooser.attr("id") + '-tkan=' + encodeURIComponent($(this).attr("tkan")) + '&' + window.opener.clothChooser.attr("id") + '-tkan-img=' + ($(this).attr("tkan_img")) + '&' + window.opener.clothChooser.attr("id") + '-tkan-type=' + window.opener.upholstery_enc; window.close(); return false; }); }); Эта часть полностью решает задачу 1. Но вот 2 и 3 не знаю как реализовать, помогите пожалуйста! Вот вид "селекта" для выбора категории: <select name="option[231]" onchange="recalculateprice();" class="select-menu"> <option value="29" points="0" price_prefix="+" price="1000.0000">1 (+1000.00 р.)</option> <option value="28" points="0" price_prefix="+" price="2000.0000">2 (+2000.00 р.)</option> <option value="27" points="0" price_prefix="+" price="3000.0000">3 (+3000.00 р.)</option> <option value="26" points="0" price_prefix="+" price="4000.0000">4 (+4000.00 р.)</option> <option value="31" points="0" price_prefix="+" price="5000.0000">5 (+5000.00 р.)</option> <option value="30" points="0" price_prefix="+" price="6000.0000">6 (+6000.00 р.)</option> <option value="25" points="0" price_prefix="+" price="7000.0000">7 (+7000.00 р.)</option> </select> В общем нужно вставить значение атрибута "tkan" в input-text и выбрать селект в соответствии со значением "kat". Гуру, отзовитесь пожалуйста - три дня рою интернет ничего не выходит. Спасибо заранее.:) |
|
догадался сам, по аналогии
$(function(){ $("a.addtocard").click(function(){ window.opener.id2.value = $(this).attr("tkan"); window.opener.id3.selectedIndex = $(this).attr("kat"); window.opener.clothChooser.find("div").find("div").remove(); window.opener.clothChooser.css("backgroundImage", "url(/gal" + $(this).attr("tkan_img") + ")"); только id3 не совсем подходит. как выбрать селект по типу элемента, select в данном случае? Может кто подскажет?:help: |
Часовой пояс GMT +3, время: 10:57. |