Как отобразить объект в DIV?

Question

[Робот]

Как только меняются данные в input отобразить их в alert работает:

<input id="foo"... >
<script type="text/javascript">
	$('#foo').change(function(){
	var ff = $('#foo').val();
	  alert('Элемент foo был изменен' + ff);
	});
</script>

Теперь хочу данные из формы отобразить в DIV id=forecast

<input id="foo"... >
<script type="text/javascript">
	$('#foo').change(function(){
	var ff = $('#foo').val();
	  $('#forecast').load(ff);
	});
</script>
<div id="forecast"></div>

Answer 1

[Сергей Семенко]

<input id="foo"... >
<script type="text/javascript">
  $('#foo').change(function() {
  var foo = $(this).val();
    $('#forecast').text(foo);
  });
</script>
<div id="forecast"></div>

Comments

[Робот]

Блин, как вы это делаете ))

[Сергей Семенко]

Не Робот: я бы не додумался использовать load вместо text/html

[Сергей Семенко]

Не Робот: кстати, если нужно добавить html код в блок, то нужно использовать html(), так как text() будет выводить html код

[Робот]

Сергей Семенко: ну load я понял работает только если подгружать что-то со стороны, у меня рабочий пример с ним был. А вот зачем вы var ff = $('#foo').val(); на var foo = $(this).val(); для меня загадка

[Робот]

Сергей Семенко: благодарю, это ценное замечание!

[Сергей Семенко]

Не Робот: "А вот зачем вы var ff = $('#foo').val(); на var foo = $(this).val();" в этом случает $(this) == $('#foo'), так как ты на этот элемент повесил обработчик.

[Робот]

Блин, вот значение получил, теперь ставлю его в запрос и запрашиваю в load но куда его записать и как после получения страницу в forecast вывести так же?

$('#forecast').load("http://site.ru/stest?data="+foo+"

[Сергей Семенко]

Не Робот: api.jquery.com/load

[Робот]

Сергей Семенко: Да читал, всё понятно начинаю делать

$( "#forecast" ).load( "http://site.ru/test" );
$( "#forecast" ).load( "http://site.ru/test #forecast" );

Оба варианта не работают. Как отладку сделать? f12 ничего не показывает (ошибок)

[Сергей Семенко]

Не Робот: должно работать, попробуй отладить ajax запрос: console.log($.get('http://...'));

[Сергей Семенко]

Не Робот: главное правильно указать ссылку

[Робот]

Сергей Семенко: не ну ссылка правильная 100% где его указывать так?

<script type="text/javascript">
  $('#foo').change(function() {
	var foo = $(this).val();
	console.log($.get('http://site.ru/stest'));
  });
</script>

F12 шибок не показывает, в консоли пусто...

[Сергей Семенко]

Не Робот обработчик нужно прописывать внутри события, которое происходит после загрузки документа: $(document).ready(function () {
...
}):