Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вставка текста в форму (https://javascript.ru/forum/misc/42782-vstavka-teksta-v-formu.html)

INDUK 09.11.2013 13:27

Вставка текста в форму
 
Возможно ламерская проблема, однако в javascript я новичок.

Как на javascript добавить в форму текст, например как в редакторе при написании сообщения на форуме, при нажатии на B выводятся теги [b]["/B] только нужно что бы добавляла из выподающегося списка
<form >
<select>
<option value="ссылка1" selected >Главная</option>
<option value="ссылка2">Карта сайта</option>
</select>
</form>

и добавляла

<textarea cols="120" rows="3" name="message" id="message">содержимое выбранного  элемента из списка</textarea>


И еще хорошо бы что бы выбор не удалял уже написанное в форму.

Faab 09.11.2013 14:02

Есть удобные плагины на JQuery для выделения текста:
why-and-how-to-create-microsoft-office-minibar-with-jquery-and-css3 или другой плагин

INDUK 09.11.2013 19:35

например есть
<input type="text" id="textfield" /><br />
Например: <a href="javascript://" onclick="document.getElementById('textfield').value = this.innerHTML">какой-то текст</a>


Он добавляет в форму текст предварительно все удалив из формы, как можно добавить при этом не удалить содержимое формы?

Rise 09.11.2013 20:15

<input type="text" id="textfield" size="100" /><br />
<a href="javascript://" onclick="document.getElementById('textfield').value += this.innerHTML">какой-то текст</a>

INDUK 09.11.2013 22:42

Супер работает, еще было бы прекрасно что бы из выпадающего списка добавляла.
<input type="text" id="textfield" size="100" /><br />

<form >
	<select onclick="document.getElementById('textfield').value += this.innerHTML">
	
	
	<option >какой-то текст</option>
	
	<option >какой-то текст-2</option>

	</select></form>

У меня как то странно работает

Rise 09.11.2013 23:31

<input type="text" id="textfield" size="100" /><br />
<form >
	<select>
		<option onclick="add(this)">Текст 1</option>
		<option onclick="add(this)">Текст 2</option>
		<option onclick="add(this)">Текст 3</option>
		<option onclick="add(this)">Текст 4</option>
	</select>
</form>
<script>
var input = document.getElementById('textfield');
function add(select){
	input.value += select.value;
}
</script>

INDUK 09.11.2013 23:49

спасибо

INDUK 17.11.2013 21:35

Ну раз на то пошло, подскажите как можно так же в форму добавить текст нажав на определенную картинку.


Часовой пояс GMT +3, время: 11:36.