Javascript: получать данные из поля ввода

Как я могу получать данные из поля ввода с помощью JavaScript в приложении «Скрипты Google»?Javascript: получать данные из поля ввода

Ex: У меня есть поле ввода на html-странице с некоторым введенным текстом, и когда я нажимаю кнопку, данные должны быть отправлены в переменную из файла .gs для дальнейшего использования.

Это мой код:

HTML:

<html> 
    <head> 
    <base target="_top"> 
    <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    </head> 
    <body> 
    <h1 class="center"> 
     <b>App Title</b> 
    </h1> 
    <div class="form-auth"> 
     <label class="inline">Authorization</label> 
     <input class="auth-input" placeholder="Insert Authorization"/> 
    </div> 
    <button class="btn-default start">Start</button> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script> 
     $('.start').click(function() { 
      alert($('.auth-input').val()); 
     }); 
    </script> 
    </body> 
</html>

GS:

function onOpen() { 
    SpreadsheetApp.getUi() // Or DocumentApp or FormApp. 
     .createMenu('Menu') 
     .addItem('Show sidebar', 'showSidebar') 
     .addToUi(); 
} 

function showSidebar() { 
    var html = HtmlService.createHtmlOutputFromFile('login') 
     .setSandboxMode(HtmlService.SandboxMode.IFRAME) 
     .setTitle('SDR Tag Governance') 
     .setWidth(300); 
    SpreadsheetApp.getUi() // Or DocumentApp or FormApp. 
     .showSidebar(html); 
} 

function getValue() { 
    //add the value from input field to a variable 
}

источник

2016-06-06 Valip

Просто добавьте событие, например, на клавишу ввода прессуют и па значения в функции. Например getValue ($ ('. Auth-input'). Val()). Конечно, вам нужно изменить определение getValue на: function getValue (val) {}

источник

2016-06-06 14:08:59

Можете ли вы также указать мне код? Я новичок в скриптах google ... – Valip

В коде gs определите следующую функцию: function getValue (val) { // сделайте все, что хотите, со значением для ex show it: alert (val); }. Затем в вашей части html измените $ ('. Start'). Click (function() { google.script.run.getValue ($ ('. Auth-input'). Val()); }); –

Также ознакомьтесь с этой страницей для получения дополнительной информации https://developers.google.com/apps-script/guides/html/reference/run –

Javascript: получать данные из поля ввода

ответ

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