将元素p值放在输入文本字段中

Question

我在尝试在输入文本字段中移动值p时遇到小问题。 这是我的价值p：

<p id="venue"></p> 

现在如何在输入文本字段中插入此p值？

<input class="form-control" type="textarea" placeholder="Venue/Facility" size="1"/>

感谢， faizal

Answer 1

简单的例子就像;

<p id="venue">THIS IS P ELEMENT</p> 
<input class="form-control" type="text" id="texted"/>

JS代码

var text = $('#venue').html();
$('#texted').val(text);

Fiddle

使用按钮单击功能

HTML

<p id="venue">THIS IS P ELEMENT</p>
<input class="form-control" type="text" id="texted" />
<button type="button" id="btn">copy me</button>

JS

$('#btn').click(function () {
    var text = $('#venue').html();
    $('#texted').val(text);
});

Button click function

旁注：输入类型错误，应为text而不是textarea

Answer 2

试试这个：

HTML：

<p id="venue">THE VALUE</p> 
<input class="form-control" type="text" id="field"/>
<input type="submit" value="submit" id="submit">

Jquery的/使用Javascript：

$('#submit').click(function(){
  var p = $('#venue').html();
  $('#field').val(p);
});