Форум

neformatnoe · #1 (**permalink**) 05.04.2015, 20:27

Здравствуйте всем. Поиск пробовал, нужной ситуации не нашёл )))
Есть три селекта

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

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

В стране - значение value
В регионе - значение value
В городе - Описание

Код:

<option value="8040">ОПИСАНИЕ</option>

Не имею возможности сразу сформировать нужные значения, для этого придётся менять слишком много пыха-скриптов в движке, так что нужен вариан в яве, а я её плохо... вернее даже никак )))

hfts_rider · #2 (**permalink**) 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 · #3 (**permalink**) 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>

рони · #4 (**permalink**) 06.04.2015, 00:42

neformatnoe,

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 · #5 (**permalink**) 06.04.2015, 08:23

Всем огромное спасибище

Форум

Справочник

Discord чат

Курсы javascript