[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: подскажите в чем проблема
maximka787
Мужики, не пойму, в чем может быть проблема. В IE и Хроме не работает.
При выборе значения. текст из функции selectprice(") просто попадать должен в элемент div
function selectprice(text){
var price = document.getElementById('price');
price.innerHTML = text;
}

<select>
<option
value="0">111</option>
<option
value="1" onClick="selectprice('7000')">222</option>
<option
value="2" onClick="selectprice('8000')">333</option>
</select>

<div
id="price"></div>

Проблема в том что только так я могу передать цену товара в див. Нельзя ее писать ни в value, ни между <option></option>



Спустя 13 минут, 44 секунды (22.05.2011 - 20:22) sharki написал(а):
maximka787
Почитай про onchenge, и создай внутри <option price="7000"> еще один атрибут, и получи его с помощью JS =)

Спустя 6 минут, 23 секунды (22.05.2011 - 20:28) maximka787 написал(а):
sharki
Первый раз слышу конечно про "еще один атрибут", но попробую.! ты сегодня прям мой спаситель)

Спустя 4 минуты, 22 секунды (22.05.2011 - 20:32) maximka787 написал(а):
sharki
а вообще такого не бывает ведь. у меня ни дрим ни гугл не выводят опцию с доп параметром. Ты это пошутить решил?smile.gif

Спустя 1 минута, 57 секунд (22.05.2011 - 20:34) neadekvat написал(а):
sharki, не внутри option. Исправляйся.

Спустя 1 минута, 53 секунды (22.05.2011 - 20:36) sharki написал(а):
хм, а как насчет попробовать?)

Ведь в XML все возможно) Надо пробовать и с HTML

Спустя 11 минут, 15 секунд (22.05.2011 - 20:47) neadekvat написал(а):
Видимо, не исправишься.
Ок, sharki, изменяется список или его пункт?

Спустя 5 минут, 2 секунды (22.05.2011 - 20:53) sharki написал(а):
Всё, держи раб. код. Как и говорил, neadekvat все возможно)

<script>
function
selectprice(){
var sel = document.getElementById("mySelectId");
var text = sel.options[sel.selectedIndex].getAttribute("price");

var price = document.getElementById('price');
price.innerHTML = text;
}
</script>

<select
name="select" id="mySelectId" onChange="selectprice()">
<option
value="0" price="600">111</option>
<option
value="1" price="700">222</option>
<option
value="2" price="500">333</option>
</select>

<div
id="price"></div>

Спустя 4 минуты, 53 секунды (22.05.2011 - 20:57) maximka787 написал(а):
sharki
Великолепно! на всех обозревателях работает. Спасибо тебе.

Спустя 14 секунд (22.05.2011 - 20:58) sharki написал(а):
Не за что)

Спустя 5 минут, 24 секунды (22.05.2011 - 21:03) neadekvat написал(а):
sharki, я бы все-таки доработал.

Во-первых, потому что в твоем случаи нельзя выбрать первый вариант.
Во-вторых, потому что делаешь лишний getElementById.

<script>
function
selectprice(sel){
if (sel.selectedIndex != '-1')
var text = sel.options[sel.selectedIndex].getAttribute("price");

document.getElementById('price').innerHTML = text;
}
</script>

<select
name="select" onChange="selectprice(this)">
<option
value="-1"></option>
<option
value="0" price="600">111</option>
<option
value="1" price="700">222</option>
<option
value="2" price="500">333</option>
</select>

<div
id="price"></div>

Спустя 4 минуты, 6 секунд (22.05.2011 - 21:07) sharki написал(а):
neadekvat
Ну это уже называется допиливание, и некая оптимизация + идея к созданию своего скрипта smile.gif

Мы же подсказываем, а не пишем за них всё и вся)


Но с тобой я не могу не согласится, с твоим вариантом)

Спустя 2 минуты, 40 секунд (22.05.2011 - 21:10) neadekvat написал(а):
sharki, в общем-то я хотел показать именно передачу объекта в функцию. Остальное как-то само собой получилось.


_____________
..Работает - не трогай!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.