从html格式加载文本到div

Question

我正在尝试......（我知道非常想为你们所有人大声笑）不，但我认真地尝试将文本从表单传递到div，然后其他脚本更改字体和文本的颜色。这是我迄今为止尝试过的代码以及jsfiddle的链接。我无法让它工作！

已经提出了类似的问题，但没有人可以找到其他脚本在输入文本后需要在该输入文本上运行的位置。

http://jsfiddle.net/p802ektq/

股利：

<div class="rightBottom selectcolor" style = "position: absolute; left: 750; top: 330;"  id="changeMe"></div> 

HTML表单：

<form> 
Address <input type="text" name="add"><br> 
<input id="copy" type="button" value="copy"> 
</form> 

Java的：

$(document).ready(function() { 
    $('#copy').click(function(){ 
    $('#changeMe').val($('#add').val()); 
    }); 
}); 

Answer 1

Fiddle example

首先，让我们记住一两件事：

name = name 
. = class 
# = id 

你无法去#add如果你没有任何文档。因此，让我们添加一些：

<input id="add" name="add" type="text"> 

现在，如果要插入一些文本字符串转换为<div>（#changeMe）元素，你想要的是.text()或.html()（不.val()！）。

$(function() { // d. ready 
    $('#copy').click(function(event){ 
    event.preventDefault(); // Prevent browser default behavior on form button 
    $('#changeMe').text($('#add').val()); 
    }); 
});