Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавить ОПИСАНИЕ выбранного селекта в скрытое поле (https://javascript.ru/forum/dom-window/54900-dobavit-opisanie-vybrannogo-selekta-v-skrytoe-pole.html)

neformatnoe 05.04.2015 20:27
Добавить ОПИСАНИЕ выбранного селекта в скрытое поле
 
Здравствуйте всем. Поиск пробовал, нужной ситуации не нашёл )))
Есть три селекта

Страна-Регион-Город

Нужно добавить в хидден инпуты значения выбранных селектов

В стране - значение value
В регионе - значение value
В городе - Описание
Код:
<option value="8040">ОПИСАНИЕ</option>
Не имею возможности сразу сформировать нужные значения, для этого придётся менять слишком много пыха-скриптов в движке, так что нужен вариан в яве, а я её плохо... вернее даже никак )))

hfts_rider 05.04.2015 23:30
Если ты про это, тогда просто спрячь поле инпут

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
    <select id="country">
      <option value="cou1">country1</option>
      <option value="cou2">country2</option>
      <option value="cou3">country3</option>
    </select>
    <br>
    <input type="text" id="inpCountry" placeholder="inpCountry"><br>
    <script>

	var country = document.getElementById('country'),
        inpCity = document.getElementById('inpCity');
      
      country.addEventListener('change', countryChange, false);
     
      function countryChange () {
      	inpCountry.value = country.value;
      }
    </script>

  </body>
</html>

neformatnoe 06.04.2015 00:20
Да, спасибо. Это первая часть вопроса))))
Теперь бы ещё вторую часть)))
Упрятать ОПИСАНИЕ в хидден

Т.е. В данном примере "country 3 "
Код:

    <select id="country">

      <option value="cou1">country1</option>

      <option value="cou2">country2</option>

      <option value="cou3">country3</option>

    </select>

   

    <input type="text" id="inpCountry" placeholder="inpCountry">
<input type="text" id="city" placeholder="inpCountry" value="значение описания селекта country 3"><br>

рони 06.04.2015 00:42
neformatnoe,
:cray:

http://learn.javascript.ru/form-elements#select-option
<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
    <select id="country">
      <option value="cou1">country1</option>
      <option value="cou2">country2</option>
      <option value="cou3">country3</option>
    </select>
    <br>
    <input type="text" id="inpCountry" placeholder="inpCountry"><br>
    <script>

	var country = document.getElementById('country'),
        inpCity = document.getElementById('inpCity');

      country.addEventListener('change', countryChange, false);

      function countryChange () {
        var option = country.options[country.selectedIndex||0]
      	inpCountry.value = option.value + " " + option.text;
      }
    </script>

  </body>
</html>

neformatnoe 06.04.2015 08:23
Всем огромное спасибище :)


Часовой пояс GMT +3, время: 20:49.