Jquery 将选定文本从段落复制到按钮单击时的输入（多个输入）

Question

我这里有专业人士的情况，而且我没有编写一行 jquery 代码...我有文本段落和三个与按钮匹配的输入字段...我的愿望是在段落中选择文本时你当您单击按钮复制时，可以获得与希望输入中的值相同的选择。 我在网上搜索过，没有找到类似的东西

我只有 html 的 js 小提琴，你可以更新它：http://jsfiddle.net/dzorz/5DKuY/

HTML：

    <p>
Aliquam eget ipsum accumsan, convallis nulla sit amet, auctor est. 
Nam quis condimentum eros, vel condimentum lacus. In id enim at sem 
gravida sodales eu vitae risus. Morbi sed mi sit amet lectus rhoncus 
gravida a sit amet nisl. Phasellus quis ultricies leo. Duis vel lobortis
mauris. Suspendisse sed diam eu turpis facilisis rutrum vitae vitae
dolor. 
</p>

<form id="myform" class="form-horizontal">
    </fieldset>
        <div class="control-group">
            <input type="text" class="input-small" id="input1">
            <a href="#" id="copy1" class="btn btn-primary">Copy to 1</a>
        </div>
        <div class="control-group">
            <input type="text" class="input-small" id="input2">
            <a href="#" id="copy2" class="btn btn-primary">Copy to 2</a>
        </div>
        <div class="control-group">
        <input type="text" class="input-small" id="input2">
        <a href="#" id="copy2" class="btn btn-primary">Copy to 3</a>
        </div>
    </fieldset>  
</form>

这可能吗？还是可以通过不同的方式解决？

Answer 1

这样的事情可能会奏效：

// Get user selection text on page
function getSelectedText() {
    if (window.getSelection) {
        return window.getSelection();
    } else if (document.selection) {
        return document.selection.createRange().text;
    }
    return '';
}

$(document).ready(function () {
    $('#copy1').click(function () {
        $('#input1').val(getSelectedText());
    });
    $('#copy2').click(function () {
        $('#input2').val(getSelectedText());
    });
    $('#copy3').click(function () {
        $('#input3').val(getSelectedText());
    });
});

还有jsfiddler 和工作示例。