Как поменять значение поля на то что выбрал пользователь

Добрый вечер. У меня возник такой вот вопрос. Когда пользователь выбирает значение оно меняется тут все классно, но после выбора значение скидывается в то что было по умолчанию, скажите как бы сделать в джаваскрипте такую штуку чтобы выбранное значение там и оставалось? Я сейчас делаю так

PHP:

1.  "<ul class='nav navbar-nav'>"
2.                      ."<li>"
3.                       ."<a href ='#' class='dropdown-toggle' data-toggle='dropdown'>Вид проблемы <b class='caret'></b></a>"
4.                        ."<ul class='dropdown-menu multi-level'>"
5.                         ."<li class='dropdown-submenu'>"
6.                          ."<a href='#' class = 'dropdown-toggle' data-toggle='dropdown'>Сбис</a>"
7.                           ."<ul class='dropdown-menu'>"
8.                             ."<li value='1' id=".$id.">Проблема 1 1</li>"
9.                             ."<li value='2' id=".$id.">Проблема 1 2</li>"
10.                             ."<li value='3' id=".$id."><Проблема 1 3</li>"
11.                           ."</ul>"
12.                         ."</li>"
13.                         ."<li class='dropdown-submenu'>"
14.                          ."<a href='#' class = 'dropdown-toggle' data-toggle='dropdown'>Торги</a>"
15.                           ."<ul class='dropdown-menu'>"
16.                             ."<li value='4' id=".$id.">Проблема 2-1</li>"
17.                             ."<li value='5' id=".$id.">Проблема 2-2</li>"
18.                             ."<li value='6' id=".$id.">Проблема 2-3</li>"
19.                           ."</ul>"
20.                         ."</li>"
21.                        ."</ul>"
22.                          ."</li>"
23.                         ."</ul>";

Дальше джаваскрипт

Код (Javascript):

1. <script>
2.         $(document).ready(function() {
3.             $(".dropdown-menu>li").click(function(event){
4.             if(val = $(event.target).attr('value')){
5.                var id = event.target.id;
6.                document.getElementById("typeProbl"+id).value = val;
7.             }
8.             });
9.         });
10.     </script>

И вот тут мой css

Код (CSS):

1.  <style>
2.         .dropdown-submenu {
3.             position: relative;
4.         }
5.  
6.         .dropdown-submenu>.dropdown-menu {
7.             top: 0;
8.             left: 100%;
9.             margin-top: -6px;
10.             margin-left: -1px;
11.             -webkit-border-radius: 0 6px 6px 6px;
12.             -moz-border-radius: 0 6px 6px;
13.             border-radius: 0 6px 6px 6px;
14.         }
15.  
16.         .dropdown-submenu:hover>.dropdown-menu {
17.             display: block;
18.         }
19.  
20.         .dropdown-submenu>a:after {
21.             display: block;
22.             content: " ";
23.             float: right;
24.             width: 0;
25.             height: 0;
26.             border-color: transparent;
27.             border-style: solid;
28.             border-width: 5px 0 5px 5px;
29.             border-left-color: #ccc;
30.             margin-top: 5px;
31.             margin-right: -10px;
32.         }
33.     </style>

 

точнее вопрос в следующем, я сохранил выбор пользователя в скрытой переменной

Код (Javascript):

1. document.getElementById("typeProbl"+id).value = val;

как мне теперь еще и поставить выбранное юзером значение вместо слов "Вид проблемы" в строке пхп

PHP:

1. <a href ='#' class='dropdown-toggle' data-toggle='dropdown'>Вид проблемы <b class='caret'></b></a>"

вот это выбранное пользователем???

 

Сделал

Код (Javascript):

1. //ищем все элементы у которых будет класс содержащий слова "Вид проблемы"
2.             var items = document.getElementsByClassName('dropdown-toggle');
3.             var i=0;
4.                for(i=0;i<items.length;i++)
5.                {
6.                    //выбираем только тот у которого номер совпадает с тем что щелкнул юзер
7.                        if(items[i].getAttribute('id')==id)
8.                        {
9.                            items[i].innerText= val;
10.                        }
11.                 }
12.             }