Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Js/jQuery

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

inpost

16.11.2014 - 22:23

Wahtel
Одно из основ JavaScript - события. То есть в момент происхождения определённого действия. В твоём случае это onchange (кажется). Не лучше ли почитать книгу по JS и хотя бы основы основ выучить? Удели неделю, отвлекись от работы, а через неделю продолжишь уже понимая основные принципы работы.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

Invis1ble

16.11.2014 - 22:43

Цитата (inpost @ 16.11.2014 - 21:23)

не мешай людям становиться крутыми программистами

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Wahtel

17.11.2014 - 01:12

sergeiss
Так?

               $(document).ready(function(){
			if ($("select.color").val() == "white") {
				$('div.test').bind( 'change', function(){
				  show();
				});
			}
			else {
				$('div.test').bind( 'change', function(){
				  hide();
				});
			}
		});

sergeiss

17.11.2014 - 02:28

Цитата (Wahtel @ 17.11.2014 - 01:12)

Так?

Нет, не так....

Ты просто элементарную логику примени и распиши словами (тут, на форуме), что делает твой код. И опиши, что он должен делать на самом деле. Вместе сравним

И сделаем так, как надо.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Wahtel

17.11.2014 - 09:52

sergeiss
Мне надо сформулировать такое условие, что бы при выборе определенного <option> в <select>, выводился нужный мне див.

Игорь_Vasinsky

17.11.2014 - 10:35

http://jsfiddle.net/tqv2njc7/

Свернутый текст

<style>
div{
    display:none;
    border:1px solid red;
    padding:20px;
}
</style>

<script>
    function displayDiv(id){
        var divs = document.getElementsByTagName('div');
        console.log(document.getElementById(id));
    
        for(k in divs){
            if(divs[k].style){
                divs[k].style.display = "none";
            }   
        }
    
        document.getElementById(id).style.display="block";
    }
</script>

<select onchange="displayDiv(this.value);">
    <option value="d1">show D1</option>
    <option value="d2">show D2</option>
    <option value="d3">show D3</option>
</select>


<div id="d1">This D1</div>
<div id="d2">This D2</div>
<div id="d3">This D3</div>

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Быстрый ответ:

Здесь расположена полная версия этой страницы.