jQuery从Excel复制到多个输入字段

时间:2014-06-13 15:28:50

标签: javascript jquery excel

我有一张包含数据的excel表:

English | Spanish | Italian | French

我希望能够复制所有这些输入并将其粘贴到表单中:

<input type="text" name="english">
<input type="text" name="spanish">
<input type="text" name="italian">
<input type="text" name="french">

到目前为止,当我复制所有数据时,它将全部粘贴到第一个输入字段中。 我在开始编码之前问这个问题,因为我不确定它是否可以做到。

任何指示赞赏!

2 个答案:

答案 0 :(得分:2)

剪贴板不允许这样做。您可能希望查看像HandsOnTable这样的库,它将解析剪贴板/ Excel数据并将粘贴运行到多个输入中。

http://handsontable.com/

答案 1 :(得分:2)

在您澄清之后,您可以使用jQuery将粘贴操作捕获到其中任何字段中。然后简单地解析并将其发送到右侧输入框。

HTML

<input type="text" name="english">
<input type="text" name="spanish">
<input type="text" name="italian">
<input type="text" name="french">

的jQuery

$('input').bind('paste', null, function(e){
    $this = $(this);

    setTimeout(function(){
        var columns = $this.val().split(/\s+/);
        $this.val(' ');
        var i;

        for(i=0; i < columns.length; i++){
            var name = columns[i].toLowerCase();
            $('input[name="' + name + '"]').val(columns[i]);
        }
    }, 0);
});

以下是一个演示小提琴:http://jsfiddle.net/adjit/3N94L/3/