Google App Script and Javascript: Accessing a form elements inside div tags

Question

I'd like to access an input element inside a form and a div. I'm new to Google app script and I believe I need to pass an argument that contains the DOM address from a JS function to an app script function.

Here's the code:

Javascript:

<script>
            function update()
                {
                    google.script.run.selectCell(document.getElementById(location));

                    alert("Success");//test message
                }
</script>

HTML code:

<div class="container">
  <form>

    <div class="row">

      <div class="col-25">
        <label for="location">Location</label>
      </div>

      <div class="col-75">
        <input type="text" id="location" name="location_txt" placeholder="The location..">
      </div>

    </div>

    <div class="row">
      <input type="button" onclick="update()" value="Update">
    </div>

Google App Script:

    function selectCell(domAddress)
        {
          var val0 = domAddress.value;
          if (cell)
          {
            sheet.appendRow([val0]);
          }
        }

TheMaster · Accepted Answer · 2018-12-16 15:48:01Z

Issues:

DOM Elements, except form element are not legal parameters to server side functions

Solution:

Pass the form itself to server-side function, which will be converted to a form object.

Modified Code:

ClientSide:

<div class="container">
    <form id ="myForm">

        <div class="row">

          <div class="col-25">
            <label for="location">Location</label>
          </div>

          <div class="col-75">
            <input type="text" id="location" name="location_txt" placeholder="The location..">
          </div>

        </div>

        <div class="row">
          <input type="button" onclick="update()" value="Update">
        </div>
    </form>

<script>
function update()
{
google.script.run.selectCell(document.getElementById('myForm'));

alert("Success");//test message
}
</script>

Server-side:

function selectCell(formObject)
    {
      var val0 = formObject['location_txt']
      if (val0)
      {
        sheet.appendRow([val0]);
      }
    }

To Read:

Server-Client Communication

Collectives™ on Stack Overflow

Google App Script and Javascript: Accessing a form elements inside div tags

1 Answer 1

Issues:

Solution:

Modified Code:

To Read:

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Issues:

Solution:

Modified Code:

To Read:

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related