Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Напишите за меня, пожалуйста

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
goooooch
Отправлено: 01 Декабря, 2011 - 10:55:24
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Окт. 2010  


Помог: 0 раз(а)




Не ругайтесь, пожалуйста. Задачка для первоклассника.

Есть html-код
CODE (html):
скопировать код в буфер обмена
  1. <span id="item_price">2 100 руб.</span>
  2.  
  3. <select name="add">
  4. <option value="164">...</option>
  5. <option value="172">с емкостью на 10 литров</option>
  6. <option value="173">с емкостью на 20 литров</option>
  7. <option value="174">с емкостью на 30 литров</option>
  8. <option value="175">с емкостью на 40 литров</option>
  9. </select>
  10.  
  11. <ul style="display:none">
  12. <li id="item_price_172">3 100 руб.</li>
  13. <li id="item_price_173">4 100 руб.</li>
  14. <li id="item_price_174">5 100 руб.</li>
  15. <li id="item_price_175">6 100 руб.</li>
  16. </ul>


Так вот мне нужно сделать так, чтобы при выборе элемента списка с value="x" в span#item_price видимым становилось значение из li#item_price_x соответственно.

ЯваСкрипт не знаю поэтому прошу помощи.
 
 Top
EuGen Администратор
Отправлено: 01 Декабря, 2011 - 12:07:40
Post Id


Профессионал


Покинул форум
Сообщений всего: 9095
Дата рег-ции: Июнь 2007  
Откуда: Berlin


Помог: 707 раз(а)




CODE (html):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2.     function showItem(mValue)
  3.     {
  4.        var rgItemPrices = document.getElementsByName("item_price");
  5.        for(var i=0; i<rgItemPrices.length; i++)
  6.       {
  7.          rgItemPrices[i].style.display="none";
  8.       }
  9.       document.getElementById("item_price_"+mValue).style.display="block";
  10.       return true;
  11.    }
  12.    </script>
  13.     <span id="item_price">2 100 руб.</span>
  14.      
  15.     <select name="add" onChange="showItem(this.value); return true;">
  16.     <option value="164">...</option>
  17.     <option value="172">с емкостью на 10 литров</option>
  18.     <option value="173">с емкостью на 20 литров</option>
  19.     <option value="174">с емкостью на 30 литров</option>
  20.     <option value="175">с емкостью на 40 литров</option>
  21.     </select>
  22.      
  23.     <ul>
  24.     <li name="item_price" id="item_price_172" style="display:none">3 100 руб.</li>
  25.     <li name="item_price" id="item_price_173" style="display:none">4 100 руб.</li>
  26.     <li name="item_price" id="item_price_174" style="display:none">5 100 руб.</li>
  27.     <li name="item_price" id="item_price_175" style="display:none">6 100 руб.</li>
  28.     </ul>


-----
Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.
 
 Top
goooooch
Отправлено: 01 Декабря, 2011 - 14:59:17
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Окт. 2010  


Помог: 0 раз(а)




Мне нужна не смена стилей в списке, а чтобы при выборе <option value="172">с емкостью на 10 литров</option> в <span id="item_price"> попадало значение из <li id="item_price_172">
 
 Top
EuGen Администратор
Отправлено: 01 Декабря, 2011 - 15:06:06
Post Id


Профессионал


Покинул форум
Сообщений всего: 9095
Дата рег-ции: Июнь 2007  
Откуда: Berlin


Помог: 707 раз(а)




CODE (html):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2.         function showItem(mValue)
  3.         {
  4.           document.getElementById("item_price").innerHTML=document.getElementById("item_price_"+mValue).innerHTML;
  5.           return true;
  6.         }
  7.        </script>
  8.         <span id="item_price">2 100 руб.</span>
  9.          
  10.         <select name="add" onChange="showItem(this.value); return true;">
  11.         <option value="164">...</option>
  12.         <option value="172">с емкостью на 10 литров</option>
  13.         <option value="173">с емкостью на 20 литров</option>
  14.         <option value="174">с емкостью на 30 литров</option>
  15.         <option value="175">с емкостью на 40 литров</option>
  16.         </select>
  17.          
  18.         <ul style="display:none">
  19.         <li id="item_price_172">3 100 руб.</li>
  20.         <li id="item_price_173">4 100 руб.</li>
  21.         <li id="item_price_174">5 100 руб.</li>
  22.         <li id="item_price_175">6 100 руб.</li>
  23.         </ul>


-----
Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.
 
 Top
goooooch
Отправлено: 02 Декабря, 2011 - 12:33:48
Post Id



Гость


Покинул форум
Сообщений всего: 92
Дата рег-ции: Окт. 2010  


Помог: 0 раз(а)




Всем спасибо за помощь. Вы мне очень помогли.
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB