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); 
});

更新：根据评论，我更新了代码以获得与链接相同的按钮。

以下是工作演示http://jsfiddle.net/F4aYw/14/

从JavaScript驱动的表单中获取文本字段值，并将这些值附加到div

2 个答案: