Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Form action, помогите сделать форму

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3

Открыть новую тему     Написать ответ в эту тему

Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте, нужно сделать небольшую форму, слева цена, на против выбор размера, выбираешь размер и слева цена меняется.  
 
Подскажите как реализовать, скиньте примеры подобных форм.
 
Скрин примера прикрепил, а так же хочу сам вводить размеры и ценник на данные размеры.
 

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 07:03 09-08-2013 | Исправлено: Botovskiu, 07:04 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
<select onchange='document.getElementById("price").innerHTML = this.value'>
    <option value=''> -- выберите цену -- </option>    
    <option value='$1'>одна цена</option>
    <option value='$10'>другая цена</option>
    <option value='$100'>третья цена</option>
</select>
<span id='price'></span>

http://jsfiddle.net/yF9mV/1/

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 07:29 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
с выбором ясно, спасибо,  а <span id='price'></span> , это там где будет выводиться цена ?
 
Добавлено:
странно, не выводит цену !

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 08:07 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
это там где будет выводиться цена

да
 

Цитата:
странно, не выводит цену !

почему так решили? какой браузер?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:26 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
проверял на мозиле и опере, __http://vifein.ru/nashi-tovary/matrasy-s-pruzhinnym-blokom/27-lateks-.html

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 08:37 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
<select> <option value=""> -- выберите цену -- </option> <option value="$1">одна цена</option> <option value="$10">другая цена</option> <option value="$100">третья цена</option> </select>
 

сравните с тем, что я написал.. чего не хватает?
можно через jQuery
 
$('select').change(function(){
$('#price').html($(this).val());
});

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:43 09-08-2013 | Исправлено: Cheery, 08:45 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
это dle, она зачем то переделала !
 
надо тогда по другому, а как по другому ?
 
с этим что делать.
$('select').change(function(){
$('#price').html($(this).val());
});

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 09:19 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
с этим что делать.

у вас хоть какие то знания js есть?
 
$(document).ready(function(){
$('select').change(function(){  
$('#price').html($(this).val());  
});
});
 
вставить js код.  
 
вместо 'select' лучше сделать уникальный селектор для элемента, иначе обработчик прицепится ко всем селектам на странице.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 09:24 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
в селектах, в формах, в js не шарю.
 
а как сделать уникальный ?
 
вы мне сделать можете то что будет работать, я понимаю что все очень просто, 300 руб, вышлю вам на счет.

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 09:30 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
а как сделать уникальный

добавить уникальный id к нужному селекту и заменить, тогда, $('select') на $('#этот_id')

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 09:38 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вас поймет тот кто разбирается в этом !
 
 
<select id='price'>
    <option value=''> -- выберите цену -- </option>    
    <option value='$1'>одна цена</option>
    <option value='$10'>другая цена</option>
    <option value='$100'>третья цена</option>
</select>
<span id='price'></span>  
$(document).ready(function(){
$('#price').change(function(){  
$('#price').html($(this).val());  
});
});  
 
вставил в сайт, так  нижняя часть, торчит у меня как текст.
как простой текст на сайта.
$(document).ready(function(){
$('#price').change(function(){  
$('#price').html($(this).val());  
});
});  

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 10:01 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu
ну посмотрите же как javascript вставляется в страницу..неужели все по шагам надо объяснять?
к тому же id должен быть уникальным на страние, не повторяться у разных элементов
 
<select id='select'>  
    <option value=''> -- выберите цену -- </option>      
    <option value='$1'>одна цена</option>  
    <option value='$10'>другая цена</option>  
    <option value='$100'>третья цена</option>  
</select>  
<span id='price'></span>  
<script>
$(document).ready(function(){  
$('#select').change(function(){    
$('#price').html($(this).val());    
});  
});  
</script>

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 10:06 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
дле блокирует:
 
сделал по другому, в шаблон новости где будут размер вставил:
<select id='select'>  
    <option value=''> -- выберите цену -- </option>      
    <option value='$1'>одна цена</option>  
    <option value='$10'>другая цена</option>  
    <option value='$100'>третья цена</option>  
</select>  
<span id='price'></span>  
 
в сам сайт в самую главную старницу где подключение стилей и т.д  идет, вставил:
<script>
$(document).ready(function(){  
$('#select').change(function(){    
$('#price').html($(this).val());    
});  
});  
</script>
 
но ценник не показывает при выборе размера.

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 10:49 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
но ценник не показывает при выборе размера.

а куда он должен выводить, если у вас нет элемента с id='price' ??

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 10:52 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
dle, убирает из кода <span id='price'></span>

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 11:06 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
<span id='price'></span>

потому что пустой, видимо.
добавьте что то между тегами - например &nbsp;


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 11:08 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
попробовал так, <strong id="price"></strong>, не работает
 
Добавлено:
&nbsp;<span id='price'></span>&nbsp;  
 
он вырезал и оставил )  &nbsp; &nbsp;

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 11:08 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu
я уже сказал - &nbsp; между тегами span

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 11:13 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
<&nbsp;span&nbsp; id='price'></&nbsp;span&nbsp;>
 
не работает, дле тупо убрало весь код
 
Добавлено:
коечего тут вычитал про js
 
------------------------------------
система защиты все-таки будет противиться нашим поползновениям, в частность обманывать кой-какие зарезервированные слова, скажем код
javascript: elemrnt.onclick=function(){alert('123');}
 
Она выведет чисто
j&#097;vascript: elemrnt.&#111;nclick=function(){alert('123');}
 
К счастью система защиты не слишком умна и прокатит вот такой вариант:
eval(‘j’+’a’+’vascript: elemrnt.’+’o’+’nclick=function(){alert('123');}’);

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 11:16 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
<&nbsp;span&nbsp; id='price'></&nbsp;span&nbsp;>  

как же с вами сложно то..здесь даже знания html не нужны - простая логика..
<span id='price'>&nbsp;</span>

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 11:22 09-08-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3

Компьютерный форум Ru.Board » Интернет » Web-программирование » Form action, помогите сделать форму


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru