Получите значения текстового поля из формы, управляемой JavaScript, и добавьте эти значения в div

Question

Мне нужно захватить два значения текстового поля при отправке кнопки, а затем вставить их в некоторый HTML и добавить этот HTML в div.

Тестовая страница находится в http://seafoammedia.com/dealer/quote/form.php с основным файлом JavaScript, являющегося jtracker.js

кода я вставил в jtracker.js, чтобы попытаться сделать это:

$('.jtWidgetGetQuote').click(function(){ 
    $("#map").append("<img src='http://maps.google.com/maps/api/staticmap?maptype=roadmap&amp;markers=size:mid|color:red|"+ fieldNames['origZip'] +"|"+ fieldNames['destZip'] +"&amp;size=270x170&amp;sensor=true' alt='' />") 
          }) 

Answer 1

Вы пробовали document.getElementById ('yourdiv'). innerHTML?

Answer 2

Вот код для чтения содержимого/значение из двух текстовых полей и добавить HTML к этому и вставить, что в качестве содержания DIV

HTML

City<input type="text" id="txtCity"/><br/> 
Zip <input type="text" id="txtZip" /><br/> 
<a href="#" id="a1">Go</a><br/> 
<input type="button" id="btnGo" value="Go Button" /> 
<div id="div1"></div> 

Javsascript (Предполагая, что вы используете jQuery)

$("#a1,#btnGo").click(function(){ 
    var htmlStr="<b>"+$("#txtCity").val()+"</b><br/><i>"+$("#txtZip").val()+"</i>"; 
    $("#div1").html(htmlStr); 
}); 

UPDATE: Согласно комментарию, я обновляю d код, чтобы кнопка имела то же самое, что и ссылка.

Работает демо-версия http://jsfiddle.net/F4aYw/14/