Создать таблицу JavaScript на основе ввода

-1

Я пытаюсь изучить веб-программирование и Javascript.Создать таблицу JavaScript на основе ввода

Я пытаюсь взять все, что пользователь скопировал из электронной таблицы Excel, и создать таблицу/таблицу JavaScript, которая включает в себя выпадающие списки.

Таким образом, пользователь вставляет ввод в пустое поле, нажимает кнопку отправки, а JavaScript будет генерировать электронную таблицу, подобную Excel, которая будет соответствующим образом отсортирована. Выпадающие списки будут расположены в верхней части каждого столбца и позволяют пользователю выбирать либо готовые/не готовые. Это предназначено для страницы WIKI слияния.

Это то, что я имею до сих пор, прямо сейчас код анализирует поле ввода и создает многомерный массив. После этого массив будет регистрироваться на консоли. Мне нужна помощь, чтобы все отображалось на странице вики.

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
</head> 

<body> 
    <textarea id="textarea"></textarea> 
    <button id="loadPaste">parse</button> 
    <script type="text/javascript"> 
     var excel = new Array(); 
     $(document).ready(function() { 
      $('#loadPaste').click(function() { 
       var text = $('#textarea').val(); 
       var rows = text.split("\n"); 
       for (var i = 0; i < rows.length; i++) { 
        excel[i] = rows[i].split("\t"); 
       } 
       console.log(excel); 
      }); 
     }); 
    </script> 
</body> 

</html>

источник

2015-04-28 Yellowman0021

Подобно XML первенствовать? – Downgoat

Да, однако, специальная таблица будет отображаться на самой странице WIKI. Электронная таблица будет отображаться после того, как пользователь вставляет свой ввод в предоставленное поле и нажимает Enter. – Yellowman0021

Может облегчить работу, если вы используете XML-парсер 'var xml = (новый DOMParser()). ParseFromString ($ ('# textarea'). val(), 'text/xml') ' – Downgoat

Позволяет закрыть этот: // ЭТОТ Ответ @Downgoat с небольшим пояснением о синтаксисе xml.

использовать парсер var xml = (new DOMParser()).parseFromString($('#textarea').val(), 'text/xml')

var text, parser, xmlDoc; 
 

 
text = "<bookstore><book>" + 
 
"<title>Everyday Italian</title>" + 
 
"<author>Giada De Laurentiis</author>" + 
 
"<year>2005</year>" + 
 
"</book></bookstore>"; 
 

 
parser = new DOMParser(); 
 
xmlDoc = parser.parseFromString(text,"text/xml"); 
 

 
document.getElementById("demo").innerHTML = 
 
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

<html> 
 
<body> 
 

 
<p id="demo"></p> 
 
</body> 
 
</html>

источник

2017-06-09 11:32:26

Создать таблицу JavaScript на основе ввода

ответ

Смежные вопросы