Javascript 将输入值复制到div标记中

我试图编写代码，从javascript函数中的输入标记中提取特定值，并将其显示在单独的div标记中，用作URL。我知道这有点复杂，但这似乎是我能想出的最好办法。以下是我到目前为止使用的缩写代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function init(){
[lots of code]
//JavaScript popup that pulls attributes from a map
var contenta = "<b>Building Type</b>: ${Type}" +
                  "<br /><b>Hours</b>: ${Hours}" +
                  "<br /><a target='blank' href=${FloorPlan}>Floor Plan</a>" +
                  "<br /><input type='text' id='url' value=${BldgName}></input>" +
                    "<br /><button onclick=revealModal('modalPage') value/>" + button;

    var bldginfo = new esri.InfoTemplate("${BldgName}", contenta);
</script>

<div id="modalPage">
<div class="modalBackground">
</div>
<div class="modalContainer">
    <div class="modal">
        <div class="modalTop"><a href="#" onclick="hideModal('modalPage')">[Close]</a></div>
        <!-- Begin pop-up window edits here-->
        <div class="modalBody">

            <p>Map goes here. Buttons go to the right.</p>


            <script type="text/javascript">
            $(":hidden");
            </script>
        </div>
        <!-- End pop-up window edits-->
    </div>
</div>

函数init（）{
[大量代码]
//从地图中提取属性的JavaScript弹出窗口
var contenta=“建筑类型：${Type}”+
“
小时：${Hours}”+
“
”+
“
”+
“
”+按钮；
var bldginfo=new esri.InfoTemplate（“${BldgName}”，contenta）；
地图在这里，按钮在右边

$（“：隐藏”）；

---

我想做的是设置它，这样当div modalBody加载时，它会从init函数中的输入id='URL'中提取输入。输入已经可以读取给定的值，它只需要传输。我很确定我以某种方式搞砸了jQuery，我也不确定一开始是否需要它。我也不知道是否需要他输入一个函数中间的标签会影响任何东西。我希望能得到任何帮助。

你看过jQuery UI站点吗？

他们有一个组件，我认为你可以使用它，为你节省一点工作，或者至少让你知道怎么做