Как сделать изменение выбора select в options, в зависимости от выбора предыдущего options?

Question

[Евгений Шевцов]

К примеру есть

<select name="one" id="one" class="text" >
				  <option value="vibor" id="vibor" >Выберите</option>
				   <option value="1" id="1" >1</option>
                                   <option value="2" id="2" >2</option>
                                  <option value="3" id="3" >3</option>
                 </select>

И второй

<select name="two" id="two" class="text" >
				 А вот здесь содержимое меняется, если выбран option 1 отображается 
				   <option value="two" id="two" >one</option>
                                   <option value="two" id="two" >two</option>
и так далее
 </select>

При этом опции в select id="one" и в select id="one" берутся из базы данных заранее.
Как сделать?=)

Answer 1

[Alexander Sydorenko]

Можно добавить классы в option 2-ого селекта, и в зависимости от выбора первого на js показывать прятать соответствующие елементы, плюс устанавливать для второго выбранным первую опцию из видимых.

Пример
jsfiddle.net/ebL382wv

Answer 2

[JackBoner]

готовый плагин:
https://github.com/simpleweb/jquery-dependent-sele...
пример: simpleweb.github.io/jquery-dependent-selects/?loca...