Вывести значение select в другом div

[IvanRu08]

Есть список, состоящий из 9 городов, при выборе города должен отображаться соответствующий телефонный номер. Вот код select:

<select>   <option value="0">Россия</option>   <option value="1">Краснодар</option>   <option value="2">Екатеринбург</option>   <option value="3">Москва</option>   <option value="4">Новосибирск</option>   <option value="5">Самара</option>   <option value="6">Ростов-на-Дону</option>   <option value="7">Нижний Новгород</option>   <option value="8">Ярославль</option>   <option value="9">Уфа</option>   <option value="10">Тверь</option></select>

Вот, что удалось "сделать с jQuery":

jQuery(document).ready(function() {	var selectVar = $(".your-country option:selected").val();	if (selectVar == 0) {			};});

То есть если выбрали, например Уфа, то отобразить в отдельном div телефон для Уфы и так далее. Заранее благодарен за помощь

[wwt]

http://jsfiddle.net/wwt999/xy7fzqfv/

[Николя223]

http://jsfiddle.net/nikolya223/tzbqrx8t/2/

[IvanRu08]

Всем спасибо за ответы! Цель достигнута!=)

[IvanRu08]

  On 8/23/2015 at 7:31 PM, wwt said:

http://jsfiddle.net/wwt999/xy7fzqfv/

А можно этот код модифицировать, чтобы выводить вместо города второй телефон?

[jdk]

 

Например вот так (см. Краснодар). Но я бы и первый номер в data отправил.

[IvanRu08]

  On 8/23/2015 at 10:27 PM, jdk said:

Например вот так (см. Краснодар). Но я бы и первый номер в data отправил.

Спасибо! Мне нужно, чтобы каждый номер выводился на отдельной строке. Если все в одном укажу, то и вывод будет в одну строку.

[wwt]

  On 8/23/2015 at 8:06 PM, IvanRu08 said:

 

  On 8/23/2015 at 7:31 PM, wwt said:

http://jsfiddle.net/wwt999/xy7fzqfv/

А можно этот код модифицировать, чтобы выводить вместо города второй телефон?

 

Если телефоны имеют одинаковый приоритет то http://jsfiddle.net/xy7fzqfv/3/

Если же у каждого из телефонов должен быть свой загловок, типо Телефон, Моб.телефон, то стоит сразу их разделить по data атрибутам как вам посоветовал jdk