Question

我正在努力实现一些应该相当简单的东西，但它不起作用。

一页有2个div，我想在链接点击中将值从一个拉到另一个。

以下是jsfiddle示例：http://jsfiddle.net/SdWSs/2/

这是正文代码：

<div id="divone">ValueOne</div>
<input id="two">DIV two</div>
<a onclick="pullthevalue()" href="javascript:void(0);">Pull</a>

功能

function pullthevalue(){
var textValue = $('#divone').text();
$('#two').text(textValue);
}

Answer 1

将$('#two').text(textValue)更改为$('#two').val(textValue);

工作jsfiddle：http://jsfiddle.net/SdWSs/3/

更新 JSfiddle http://jsfiddle.net/SdWSs/5/

将<input id="two">DIV two</div>更改为<div id="two">DIV two</div>，以便.text(textvalue）正常工作

Answer 2

尽量不要使用与属性绑定的onclick事件，这是一种弃用的方法。而是使用元素上的jquerys .on或.click方法将事件绑定到DOM。

使用这些方法中的任何一种都可以实现您想要的效果。

$(document).ready(function()
{
    $('a').click(function(e)
    {
        var value = $('#divone').text();

        $('#two').text(value);

        return false;
    });
});

使用.on

的替代方法

$(document).ready(function()
{
    $(document).on('click', 'a', function(e)
    {
        var value = $('#divone').text();

        $('#two').text(value);

        return false;
    });
});

Answer 3

尝试将text（）更改为innerHTML（）......应该有效。此外，a标签可以将href设为javascript：pullthevalue（），您可以关闭onclick。

如何将值从一个div拉到另一个div？

3 个答案: