|
|
|
| После выбора из селекта выбранное значение попадает в див и в текстареа. Но как только отредактирую текстарию то больше в неё не запихивается то что выбрано в селекте. Как это побороть?
<!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 работает нормально. | |
|
|
|
|
|
|
|
для: 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.
[исправлено модератором]
| |
|
|
|
|
|
|
|
для: confirm
(14.05.2015 в 16:29)
| | Про value сам допёр, только не успел написать. А дублировать нужно для того чтобы отредактировать в текстареа и отправить на сервак измененное значение.
[исправлено модератором]
| |
|
|
|
|
|
|
|
для: AlexShag
(14.05.2015 в 16:44)
| | То есть получается, что список ради того, чтобы хранить некий текст, который как "шаблон" помещается в текстовую область, где редактируется/дополняется и только потом служит значением?
[исправлено модератором]
| |
|
|
|