select привязка по слова
SELECT ПРИВЯЗКА ПО СЛОВАМ Не пойму как сделать привязку, как здесь: http://rits-auto.ru/formkredit ![]() Вот как у меня сделан скилет: http://xxxltver.ru/proba.php Помогите пожалуйста: admin@kinonovo.com Подскажите???:( :( :( ----------------------------------------------------------------- Здесь привязка по двум полям, а как сделать по четырем полям?:blink: ----------------------------------------------------------------- <script language=javascript> server = new Array(); server['Выбор марку машины'] = new Array(); server['1']=[['1', 'Выберите модель'],['1', 'MK Cross'],['1', 'MK'],['1', 'Emgrand'],] server['2']=[['2', 'Выберите модель'],['2', 'X60'],['2', 'SOLANO '],['2', 'BREEZ Sedan '],['2', 'BREEZ ХЭTЧБЕК'],] server['3']=[['3', 'Выберите модель'],['3', 'Golf'],['3', 'Jetta'],['3', 'Tiguan '],['3', ' Golf Plus'],] server['4']=[['4', 'Выберите модель'],['4', 'Tingo'],['4', 'Tingo FL'],['4', 'Estina FL-C'],] function menu_server_select2(a) { n=0; var el=document.getElementById('menu_page'); s_name2=a; while (el.childNodes.length>0) { el.removeChild(el.childNodes[el.childNodes.length-1]); } for(var server_name2 in server[a]) { var opt = document.createElement("option"); opt.innerHTML=server[a][server_name2][1]; opt.name2=n; el.appendChild(opt); n++; } } </script> <div align="center" > <select id="menu_server" onchange="menu_server_select2(this.options[this.selectedIndex].value);" style="width: 200px;"> <option selected="selected" value="0">Выберите бренд</option> <option value="1">Gelly</option> <option value="2">Lifan</option> <option value="3">Volkswagen</option> <option value="4">VORTEX</option> </select> <br> <select id="menu_page" onchange="menu_page_select2(this.options[this.selectedIndex].value,this.options[this.selectedIndex].name2);" style="width: 200px;"> <option value="" selected="selected"></option> </select> <br> ----------------------------------------------------------------- |
|
А возможно как нибудь доработать на четыре поля, как здесь:
![]() --------------------------------------------------------------------------------------------- Кому нужна халтура по битриксу обращаться по E-mail: admin@kinonovo.com |
Пример Drupal function kfUpdate(){ $("#input_marka").val($("#select_marka").find("option:selected").html()); $("#input_model").val($("#select_model").find("option:selected").html()); $("#input_mod").val($("#select_mod").find("option:selected").html()); $("#input_cmp").val($("#select_cmp").find("option:selected").html()); } function rgb2hex(rgb){ rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); return ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) + ("0" + parseInt(rgb[3],10).toString(16)).slice(-2); } $(document).ready(function(){ var offset = $("#fixed_menu").offset(); var footOffset = $("#footer").offset(); var topPadding = 15; $(window).scroll( function(){ if ($(window).scrollTop() > offset.top){ if(footOffset.top-$(window).scrollTop() >= $('#fixed_menu').height()+40+topPadding) $("#fixed_menu").stop().animate({marginTop:$(window).scrollTop() - offset.top + topPadding}, 100); else return false; } else $("#fixed_menu").stop().animate({marginTop:0}, 100); } ); $("#fixed_menu li, #fixed_menu li .submenu").hover( function(){ if ($(this).hasClass("submenu")) $(this).parent().addClass("active"); else $(this).addClass("active"); }, function(){ if($(this).hasClass("submenu")) $(this).parent().removeClass("active"); else $(this).removeClass("active"); } ); $("#fixed_menu li .submenu a").click( /* function(){ $(this).parent().parent().parent().find("selected").removeClass("selected"); $(this).parent().parent().addClass("selected").removeClass("active"); return false; }*/ ); $("a[rel=fancybox], .a-fancybox, #calculator").fancybox(); $("#cfcclist li a").bind("click", function(){ var id = $(this).attr("id").replace("cfcc_", ""); $(".cfc_image img").hide(); $(".cfc_image img#kuzov_clr_"+id).css("display", "block"); var chex = rgb2hex($(this).css("background-color")); var cstr = $(this).attr("title"); var str = chex; if (cstr.length > 0) str += ' / ' + cstr; $("#cfcc_p").html(str); return false; }); $("#button-free").fancybox({ 'titlePosition' : 'inside', 'transitionIn' : 'none', 'transitionOut' : 'none' }); }); $(document).ready(function(){ $("#select_marka").bind("change", function(){ var b = $(this).val(); $("#input_marka").val($(this).find("option:selected").html()); $.ajax({ url:'/getparams', type:'POST', data:{mode : 'brends', tid: b}, success: function(html){ $("#select_model").html(html); $("#select_cmp").html(''); $("#input_price").val(''); } }); }); $("#select_model").bind("change", function(){ var m = $(this).val(); $("#input_model").val($(this).find("option:selected").html()); $.ajax({ url:'/getparams', type:'POST', data:{mode : 'models', nid: m}, success: function(html){ $("#select_mod").html(html); } }); }); $("#select_mod").bind("change", function(){ var m = $("#select_model").val(); var id = $(this).val(); $("#input_mod").val($(this).find("option:selected").html()); $.ajax({ url:'/getparams', type:'POST', data:{mode : 'mods', nid: m, mod: id}, success: function(html){ $("#select_cmp").html(html); $("#select_cmp").change(); } }); }); $("#select_cmp").bind("change", function(){ var mdl = $("#select_model").val(); var mdf = $("#select_mod").val(); var id = $(this).val(); $("#input_cmp").val($(this).find("option:selected").html()); $.ajax({ url:'/getparams', type:'POST', data:{mode : 'cmps', nid: mdl, mod: mdf, cmp: id}, success: function(html){ $("#input_price").val(html); } }); }); }); |
......./
<? $form['submitted']['marka2']['#id'] = 'input_marka'; $form['submitted']['model2']['#id'] = 'input_model'; $form['submitted']['modifikaciya2']['#id'] = 'input_mod'; $form['submitted']['komplektaciya2']['#id'] = 'input_cmp'; $form['submitted']['price']['#id'] = 'input_price'; ?> <div class="credit_form"> <div class="top"> <div class="top_image"> <img src="/img/top_image.png" alt="" /> </div> <div class="top_text"> <p>Заполните поля формы автокредита и наш специалист свяжется с Вами, сообщив какие банки готовы Вам выдать кредит.</p> <p><b>Наши менеджеры подготовят автомобиль</b> и приехав к нам в автосалон, в любое удобное время, Вам останется только заполнить несколько документов и забрать машину!</p> <p class="red_font">Супер условия по кредиту</p> <p>Не забудьте выбрать подарок</p> </div> </div> <div class="form_body"> <div class="top_text"> <p class="blue_font">Форма заявки на расчет кредита</p> <p>Поля, помеченные звездочкой (<span class="asterik">*</span>), обязательны для заполнения.</p> </div> <div class="form"> <div class="subject border-radius">Данные о приобретаемом автомобиле:</div> <div class="content"> <div class="line"> <div class="left">Марка автомобиля:<span class="asterik">*</span></div> <div class="right"> <select id="select_marka" class="select border-radius"><option></option></select> </div> </div> <div class="line"> <div class="left">Модель автомобиля:<span class="asterik">*</span></div> <div class="right"> <select id="select_model" class="select border-radius"><option></option></select> </div> </div> <div class="line"> <div class="left">Модификация:<span class="asterik">*</span></div> <div class="right"> <select id="select_mod" class="select border-radius"><option></option></select> </div> </div> <div class="line"> <div class="left">Комплектация:<span class="asterik">*</span></div> <div class="right"> <select id="select_cmp" class="select border-radius"><option></option></select> </div> </div> <div style="display:none;"> <?php echo drupal_render($form['submitted']['marka2']);?> <?php echo drupal_render($form['submitted']['model2']);?> <?php echo drupal_render($form['submitted']['modifikaciya2']);?> <?php echo drupal_render($form['submitted']['komplektaciya2']);?> </div> <?php echo drupal_render($form['submitted']['price']);?> </div> <div class="subject border-radius">Параметры кредитной программы</div> <div class="form-box"> <div class="content"> <?php echo drupal_render($form['submitted']['first']);?> </div> </div> <div class="subject border-radius">Персональные данные</div> <div class="form-box"> <div class="content"> <?php echo drupal_render($form['submitted']['surname']);?> <?php //echo drupal_render($form['submitted']['name']);?> <?php //echo drupal_render($form['submitted']['otchestvo']);?> <?php echo drupal_render($form['submitted']['phone']);?> <?php echo drupal_render($form['submitted']['mesto_propiski']);?> <?php echo drupal_render($form['submitted']['podarki']);?> <?php //echo drupal_render($form['captcha']);?> </div> </div> <div class="submit_form"> <?php print drupal_render($form['submitted']); ?> <?php print drupal_render($form); ?> </div> </div> </div> <div class="banks border-radius"> <?php /* <div class="img_form"> <img src="/img/banks.png" alt="" /> </div> */ ?> <div class="credit-info"> <h2>Специальные условия по кредиту</h2> <ul> <li>Рассмотрение заявки <strong>20 минут</strong></li> <li><strong>40 программ</strong> от банков</li> <li>Кредит от <strong>60 тыс.</strong> до <strong>3 млн.</strong> руб.</li> <li>Первоначальный взнос <strong>0 %</strong></li> <li>Процентные ставки от <strong>2,9%</strong> годовых</li> <li>Два документа <strong>паспорт и права</strong></li> <li>Срок кредита <strong>от 6 мес до 7 лет</strong></li> <li>Рассрочка <strong>0% на 3 года</strong></li> <li>Кредит <strong>без КАСКО</strong></li> <li>Страховой <strong>полис в подарок</strong></li> <li>Досрочное погашение <strong>без штрафов и комиссий</strong></li> <li><strong>Индивидуальный подход</strong> к каждому клиенту.</li> <li>Возраст <strong>от 20 до 65 лет</strong></li> <li>Одобрение <strong>9 из 10 анкет</strong></li> </ul> </div> </div> </div> <div id="print_r"></div> <? $script = ' function _kfUpdate(){ $("#input_marka").val($("#select_marka").find("option:selected").html()); $("#input_model").val($("#select_model").find("option:selected").html()); $("#input_mod").val($("#select_mod").find("option:selected").html()); $("#input_cmp").val($("#select_cmp").find("option:selected").html()); } '; $mode = (isset($_GET['mode'])) ? $_GET['mode'] : 'allbrends'; switch($mode){ case 'allbrends': $script .= '$("#select_marka").load("/getparams", {"mode": "allbrends"});'; break; case 'brend_model': $tid = $_GET['tid']; $nid = $_GET['nid']; $script .= ' $.ajax({ url: "/getparams", type: "POST", data: {"mode": "getbrend", "tid": '.$tid.'}, success: function(html){ $("#select_marka").html(html); _kfUpdate(); } });'; $script .= ' $.ajax({ url: "/getparams", type: "POST", data: {"mode": "getmodel", "tid": '.$tid.', "nid": '.$nid.'}, success: function(html){ $("#select_model").html(html); _kfUpdate(); } });'; $script .= ' $.ajax({ url: "/getparams", type: "POST", data: {"mode": "models", "nid": '.$nid.'}, success: function(html){ $("#select_mod").html(html); _kfUpdate(); } });'; break; case 'brend_model_cmp': $tid = $_GET['tid']; $nid = $_GET['nid']; $cid = $_GET['cid']; $cmp = $_GET['cmp']; $script .= ' $.ajax({ url: "/getparams", type: "POST", data: {"mode": "getbrend", "tid": '.$tid.'}, success: function(html){ $("#select_marka").html(html); _kfUpdate(); } });'; $script .= ' $.ajax({ url: "/getparams", type: "POST", data: {"mode": "getmodel", "tid": '.$tid.', "nid": '.$nid.'}, success: function(html){ $("#select_model").html(html); _kfUpdate(); } });'; $script .= ' $.ajax({ url: "/getparams", type: "POST", data: {"mode": "getmod", "nid": '.$nid.', "mod": '.$cid.'}, success: function(html){ $("#select_mod").html(html); _kfUpdate(); } });'; $script .= ' $.ajax({ url: "/getparams", type: "POST", data: {"mode": "getcmp", "nid": '.$nid.', "mod": '.$cid.', "cmp": '.$cmp.'}, success: function(html){ $("#select_cmp").html(html); _kfUpdate(); } });'; $script .= ' $.ajax({ url:"/getparams", type:"POST", data:{mode : "cmps", nid: '.$nid.', mod: '.$cid.', cmp: '.$cmp.'}, success: function(html){ $("#input_price").val(html); } });'; break; } ?> <script type="text/javascript" src="/sites/all/themes/radisson/js/jquery.mask.js"></script> <script type="text/javascript"> <? echo $script;?> $(document).ready(function() { //$("#edit-submitted-phone").mask("+7(999) 999-99-99"); $("#edit-submitted-phone").keydown(function(event) { // Allow: backspace, delete, tab, escape, and enter if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || //event.keyCode == 189 || event.keyCode == 32 || // Allow: Ctrl+A (event.keyCode == 65 && event.ctrlKey === true) || // Allow: + (event.keyCode == 187 || event.keyCode == 107 || (event.keyCode == 61 && event.shiftKey)) || // Allow: (, ) //(event.keyCode == 57 || event.keyCode == 48) || // Allow: home, end, left, right (event.keyCode >= 35 && event.keyCode <= 39)) { return; } else { if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) { event.preventDefault(); } } }); /* $("#edit-submitted-surname, #edit-submitted-mesto-propiski").keyup(function(event) { this.value = this.value.replace(/[^а-яА-ЯёЁ -]/i, ""); }); */ $('#edit-actions > fieldset > .description').text('Этот вопрос задается для того, чтобы выяснить, являетесь ли вы человеком или представляете из себя автоматическую спам-рассылку.'); }); </script> <div class="clear"></div> <div class="logo-bank"> <img src="/sites/default/files/bank/bank-01.png" /> ... </div> <div class="clear"></div> |
Часовой пояс GMT +3, время: 10:31. |