Копирование jQuery из Excel в несколько полей ввода

#javascript #jquery #excel

#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">
  

пока, когда я копирую все данные, все они будут вставлены в первое поле ввода.
Я спрашиваю об этом, прежде чем начать кодирование, поскольку я не уверен, возможно ли это вообще.

Любые указания приветствуются!

Ответ №1:

После вашего разъяснения вы можете использовать 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 /

Комментарии:

1. это хорошо, но это не то, что я ищу. Скопируйте текст с листа Excel и вставьте в уже существующие поля ввода таким образом, чтобы столбцы попадали в нужное поле ввода…

2. @Grasper я не уверен, насколько это будет универсальным, но это хорошее начало

Ответ №2:

Буфер обмена этого не допустит. Возможно, вы захотите заглянуть в библиотеку, такую как HandsOnTable, которая будет анализировать данные буфера обмена / Excel и запускать вставку в несколько входных данных.

http://handsontable.com/

Комментарии:

1. в каком разделе говорится об этом?

2. Все это разработано для имитации Excel. Это превращает «ячейки» в отдельные входные данные. Затем вы можете захватить эту строку и проанализировать ее на серверной части.

3. это хорошо, но я хочу брать данные из Excel, а не с html-страницы, которая использует функции, подобные Excel…

4. Верно, это именно то, что это позволяет …. это основная ГОРЯЧАЯ демонстрация: jsfiddle.net/briansol/rKy7z в 4-м квадранте вставьте строку, которую вы скопировали из Excel, и посмотрите, что произойдет…

5. @briansol вам не нужны хаки для использования внешнего ресурса. Существует вкладка для добавления внешних ресурсов: jsfiddle.net/adjit/rKy7z/1