Как изменить фоновое изображение текстовой области - PullRequest
Новая
       0

Как изменить фоновое изображение текстовой области

0 голосов
/ 15 июля 2010

Как изменить фоновое изображение textarea при выборе значения в меню select? 

<html>
<head>
<title>  Your Title  </title>

<script>
function kool()
{
`enter code here`abc.style.background="img1.bmp"
}
</script>
</head>
<body>

<textarea name="abc">
1) Make paper airplanes out of the exam. Aim them at the instructor's left nostril. 
2) Bring cheerleaders during an exam.
</textarea>

<select id="xyz" onchange="kool()">
<option value="A">Image 1</option>
<option value="B">Image 2</option>
</select>

</body>
</html>

Ответы [ 2 ]

2 голосов
/ 15 июля 2010

Это должно работать: 

<textarea id="text">
Lorem ipsum dolor sit amet, ...
</textarea>

<select onchange="document.getElementById('text').style.backgroundImage = 'url(' + this.value + ')';">
<option value="image1.png">Image 1</option>
<option value="image2.png">Image 2</option>
</select>
0 голосов
/ 15 июля 2010

Это должно быть: 

<script>
function kool(input)
{
   var el = document.getElementById('abc');
   el.style.backgroundImage = 'url(' + input + ')';
}
</script>
</head>
<body>

<textarea name="abc" id="abc">
1) Make paper airplanes out of the exam. Aim them at the instructor's left nostril. 
2) Bring cheerleaders during an exam.
</textarea>

<select id="xyz" onchange="kool(this.value)">
<option value="A.jpg">Image 1</option>
<option value="B.jpg">Image 2</option>
</select>

Убедитесь, что пути правильные.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...