#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 и запускать вставку в несколько входных данных.
Комментарии:
1. в каком разделе говорится об этом?
2. Все это разработано для имитации Excel. Это превращает «ячейки» в отдельные входные данные. Затем вы можете захватить эту строку и проанализировать ее на серверной части.
3. это хорошо, но я хочу брать данные из Excel, а не с html-страницы, которая использует функции, подобные Excel…
4. Верно, это именно то, что это позволяет …. это основная ГОРЯЧАЯ демонстрация: jsfiddle.net/briansol/rKy7z в 4-м квадранте вставьте строку, которую вы скопировали из Excel, и посмотрите, что произойдет…
5. @briansol вам не нужны хаки для использования внешнего ресурса. Существует вкладка для добавления внешних ресурсов: jsfiddle.net/adjit/rKy7z/1