jQuery - 将文本从输入字段发送到带有预定文本的 div

Question

最好使用 jquery id 希望通过单击按钮将输入字段中的书面文本更新为 div。

此外，当发生这种情况时，就像该文本周围有一个预定义的特定文本
“书面文字”
“以及预先写好的文本定义文本”

另一方面，我写这篇文章是因为我在想……像 stackoverflow 中的这篇文章预览这样的东西也不会太糟糕。因为单击按钮后显示文本并不重要。当然..哪种方式会更容易..这就是我会选择的方式...

有什么想法吗？我用 google 搜索了一下，但我想我找不到正确的搜索词来描述使用 jquery 将文本从输入字段发送到 div...

就实际功能而言，我确实没有起点，但至少有输入和 div。 http://jsfiddle.net/XrBy2/2/

Answer 1

更新

    $(document).ready(function() {

        $('input[type=button]').click(
            function (){update(); }
        );

$('input.clear').click(
        function(){
            $('div.update-here').html("");
        }     
    )

    });

对于清除按钮，请给类清除它 <input value='clear' class='clear' />

<script src="jquery.js"></script>

<script type="text/javascript">

    var textfront = "some pre defined text";

    var textend = "some pre defined text back";

    $(document).ready(function() {

        $('input[type=button]').click(
            function (){update(); }
        );

    });

    function update()
    {
        $('div.update-here').html(textfront+$('#inputform').val()+textend);
    }

更新在此处更改

$('div.update-here').html(textfront+$('#inputform').val()+textend);

$('div.update-here').html(textfront+$('input[name=update]').val()+textend);
</script>

<div class="update">
  <p>Update:</p>

  <input type="text" name="update" id="inputform"/>
  <input type="button" value="update"/>
</div>

<div class="update-here"></div>

<div style="margin: 0px;" class="example">written text</div>
<div class="example">AND THE PRE written DETERMINED TEXT</div>