Как сделать объединение текста из двух строк ввода?

Question

[Rostyk Ice]

Как сделать чтобы текст с строки ввода name="aut" и строки ввода name="aut1" отправлялся в textarea name="aut2" с шаблоном, в определенные области этого шаблона?

$('body').append('<input type="text" name="aut" id="aut" size="40" placeholder="url" style="border-width: 0px; background: url(images/opacity.png);" >')
$("#aut").css("position", "absolute").css("top", 129).css("left", 234).css({ color: "red" });

$('body').append('<input type="text" name="aut1" id="aut1" size="40" placeholder="name" style="border-width: 0px; background: url(images/opacity.png);" >')
$("#aut1").css("position", "absolute").css("top", 149).css("left", 234).css({ color: "red" });

$('body').append('<textarea type="textarea" name="aut2" id="aut2" cols="90" rows="10" placeholder="all" style="border-width: 0px; background: url(images/opacity.png);" MULTIPLE>')
$("#aut2").css("position", "absolute").css("top", 119).css("left", 494).css({ color: "red" });

Шаблон из name="aut2" :

<td>
				<p>
					<a href=" Значене из name="aut" " target="_blank"><img alt="" src=" Значене из name="aut" " style="width: 200px; height: 105px;" /></a></p>
				<p>
					&nbsp;</p>
				<p>
					Значене из name="aut1"
			</td>

P.S. Не ругайтесь на мой CSS, мне так удобнее. Спасибо.

Answer 1

[Camaro67]

Если я вас правильно понял, то вам нужно что-то вроде этого:

$('#aut, #aut1').change(function () {
    /*
    Здесь подставляем значения ( $('#aut').val() и $('#aut1').val() ) полей в шаблон
    И дальше изменяем значение поля #aut2 на значение получившегося шаблона, например так:
    $('#aut2').val('Переменная с шаблоном')
    */
});

Comments

[Rostyk Ice]

Я новенький и незнаю так ли подставил.

$('#aut, #aut1').change(function () {
       $('#aut2').val('<td>
        <p>
          <a href="$('#aut').val()" target="_blank"><img alt="" src="$('#aut').val()" style="width: 200px; height: 105px;" /></a></p>
        <p>
          &nbsp;</p>
        <p>
          $('#aut1').val()
      </td>')
   });

[Rostyk Ice]

Это шаблон который я должен копировать как текст и затем вставить в нужное мне поле.

<td>
        <p>
          <a href=" Значене из name="aut" " target="_blank"><img alt="" src=" Значене из name="aut" " style="width: 200px; height: 105px;" /></a></p>
        <p>
          &nbsp;</p>
        <p>
          Значене из name="aut1"
      </td>

[Camaro67]

Rostyk Ice:

$('#aut, #aut1').change(function () {
	var template = '<td>';
	template += '<p><a href="'+$('#aut').val()+'" target="_blank"><img alt="" src="'+$('#aut').val()+'" style="width: 200px; height: 105px;" /></a></p>';
	template += '<p>&nbsp;</p>';
	template += '<p>'+$('#aut1').val()+'</p>';
	template += '</td>';

	$('#aut2').val(template);
});

[Rostyk Ice]

Camaro67: Вот что получается:

<td><p><a href="URL" target="_blank"><img alt="" src="URL" style="width: 200px; height: 105px;" /></a></p><p>&nbsp;</p><p>NAME </p></td>

[Camaro67]

Rostyk Ice: А что не так?
Исходя из представленного результата данные подставляются.

[Rostyk Ice]

Camaro67: Да нет все так, я просто кинул результат. Спасибо вам!

[Camaro67]

Rostyk Ice: Рад был помочь ;)
P.S. Начинайте изучение JavaScript с чистого JavaScript, а не с библиотеки написанной на нем.

[Rostyk Ice]

Camaro67: Пробовал учить, но так и не дошел до того, что мне бы пригодилось, к сожалению.

[Rostyk Ice]

Camaro67: Могли бы вы помочь мне в другой теме?