Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: TextArea после редактирование не хочет менять свой .innerHTML
 
 автор: AlexShag   (14.05.2015 в 16:12)   письмо автору
 
 

После выбора из селекта выбранное значение попадает в див и в текстареа. Но как только отредактирую текстарию то больше в неё не запихивается то что выбрано в селекте. Как это побороть?

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Селект и Текстареа</title>

  <link rel="stylesheet" href="selectric.css">
  <script>

    function gE(ids) { return document.getElementById(ids); }

  </script>
  
  <style>

   body { background: #f0f0f0 }
   #id_div,#id_area { text-align:justify; width:500px; }

  </style>
  
</head>
<body>
   <textarea id="id_area">TextArea</textarea>
   <div id="id_div">Div</div>
   <br>
   <br>
    <select id="sel1" onChange="gE('id_div').innerHTML = gE('id_area').innerHTML = this[this.selectedIndex].innerHTML">
     <option value="1">Строка 1</option>
     <option value="1">Строка 2</option>
     <option value="1">Строка 3</option>
     <option value="1">Строка 4</option>
   </select>
</body>
</html>


P.S. А в ИЕ-8 работает нормально.

  Ответить  
 
 автор: confirm   (14.05.2015 в 16:29)   письмо автору
 
   для: AlexShag   (14.05.2015 в 16:12)
 

Во первых у textarea есть свойство value, во вторых обратиться к элементу из его события, это this, а к другому элементы этой же формы, это this.form.id_area.
onChange="document.getElementById('id_div').innerHTML = this.form.id_area.value = this[this.selectedIndex].text"

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

[исправлено модератором]

  Ответить  
 
 автор: AlexShag   (14.05.2015 в 16:44)   письмо автору
 
   для: confirm   (14.05.2015 в 16:29)
 

Про value сам допёр, только не успел написать. А дублировать нужно для того чтобы отредактировать в текстареа и отправить на сервак измененное значение.

[исправлено модератором]

  Ответить  
 
 автор: confirm   (14.05.2015 в 20:11)   письмо автору
 
   для: AlexShag   (14.05.2015 в 16:44)
 

То есть получается, что список ради того, чтобы хранить некий текст, который как "шаблон" помещается в текстовую область, где редактируется/дополняется и только потом служит значением?

[исправлено модератором]

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования