Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: select option в несколько input
Форумы портала PHP.SU » » Вопросы новичков » select option в несколько input

Страниц (1): [1]
 

1. Грачи прилетели - 11 Июня, 2016 - 20:28:52 - перейти к сообщению
Добрый день!

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

Есть
CODE (html):
скопировать код в буфер обмена
  1. <select name="contact" style="width: 99%;" required>
  2. <option value="1t/2/3"></option>
  3. <option value="2t/662/3777"></option>
  4. <option value="3t/6462/7"></option>
  5.  


и там же есть несколько input type="text"

Мне надо при выборе значения option, раскидать данные в три input. Типа

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <select name="contact" style="width: 99%;" required>
  3. <option value="1t/2/3"></option>
  4. <option value="2t/662/3777"></option>
  5. <option value="3t/6462/7"></option>
  6. </select>
  7.  
  8. <input type="text" name='t' />
  9. <input type="text" name='y' />
  10. <input type="text" name='u' />
  11.  


к примеру при выборе 1-го option в эти три инпута должны уйти значения

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <input type="text" name='t' value="1t" />
  3. <input type="text" name='y' value="2" />
  4. <input type="text" name='u' value="3" />
  5.  


<select формируется на php при выводе данных из MySQL
2. kuller - 11 Июня, 2016 - 22:43:18 - перейти к сообщению
на javascript такое делается

пример

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. <script>
  3.         function test(src)
  4.         {
  5.                 switch(src.options[src.selectedIndex].value)
  6.                 {
  7.                         case '1':
  8.                                 $("#one").val('1t');
  9.                                 $("#two").val('2');
  10.                                 $("#three").val('3');
  11.                         break;
  12.                        
  13.                         case '2':
  14.                                 $("#one").val('2t');
  15.                                 $("#two").val('662');
  16.                                 $("#three").val('3777');
  17.                         break;
  18.                        
  19.                         case '3':
  20.                                 $("#one").val('3t');
  21.                                 $("#two").val('6462');
  22.                                 $("#three").val('7');
  23.                         break;
  24.                        
  25.                         default:
  26.                                 alert('Error');
  27.                 }
  28.         }
  29. </script>
  30.  
  31. <select name="contact" onchange="test(this);" style="width: 99%;" required>
  32.         <option value="0">--- select ---</option>
  33.         <option value="1">option 1</option>
  34.         <option value="2">option 2</option>
  35.         <option value="3">option 3</option>
  36. </script>
  37.  
  38. <input type="text" id="one" name='t' />
  39. <input type="text" id="two" name='y' />
  40. <input type="text" id="three" name='u' />
  41.  

 

Powered by ExBB FM 1.0 RC1