We're reclaiming inactive PDIs to keep them available for active builders. Learn what's changing, who's affected, and how to protect your work. Read More

Get reference field values on ui page

Go to solution
Jake Sadler
Kilo Sage

‎06-23-2022 04:05 AM

I have a ui page and when I try to get the values of input it says "Cannot read properties of null (reading 'value')".

 

My HTML code is:

 

<html>
    <body>
        <form>
    <g:ui_reference name="Table" id="table" table="sys_db_object"    completer="AJAXTableCompleter" ng-model="table"/>
<g:ui_reference name="Template" id="template" table="sys_template"    completer="AJAXTableCompleter" ng-model="template"/>
    <input type="button"  onclick="onSubmit()" value="Submit"></input>
        </form>
    </body>
</html>

 

 

My client script is

 

function onSubmit(){


    var table =  document.getElementById("table").value;
            var template =  document.getElementById("template").value;

alert(table+template);

}

 

Any help would be appreciated

Labels:
0 Helpfuls
  • 2,362 Views
1 ACCEPTED SOLUTION

Go to solution
Ankur Bawiskar
Tera Patron

‎06-23-2022 05:09 AM

Hi @Jsadler19 

you need to ensure the name and the id attribute have same value for <g:ui_reference>

This will work now

<html>
    <body>
        <form>
    <g:ui_reference name="table" id="table" table="sys_db_object"    completer="AJAXTableCompleter" ng-model="table"/>
<g:ui_reference name="template" id="template" table="sys_template"    completer="AJAXTableCompleter" ng-model="template"/>
    <input type="button"  onclick="onSubmit()" value="Submit"></input>
        </form>
    </body>
</html>

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect  ||  ✨ 10x ServiceNow MVP  ||  ✨ ServiceNow Community Leader

View solution in original post

2 REPLIES 2

Go to solution
Kalyani Jangam1
Mega Sage

‎06-23-2022 04:48 AM

Hi, Used below code

    <html>
    <body>
        <form>
   <g:ui_reference name="table_val" id="table_val" table="sys_db_object"    completer="AJAXTableCompleter" ng-model="table"/>
<g:ui_reference name="template_val" id="template_val" table="sys_template"    completer="AJAXTableCompleter" ng-model="template"/>

    <input type="button"  onclick="onSubmit()" value="Submit"></input>
        </form>
    </body>
</html>

 

In client script

function onSubmit() {

var num = gel('table_val').value.toString();
var value = gel('template_val').value.toString();

alert("Table value--"+table_val+"Template val--"+template_val);

}

Go to solution
Ankur Bawiskar
Tera Patron

‎06-23-2022 05:09 AM

Hi @Jsadler19 

you need to ensure the name and the id attribute have same value for <g:ui_reference>

This will work now

<html>
    <body>
        <form>
    <g:ui_reference name="table" id="table" table="sys_db_object"    completer="AJAXTableCompleter" ng-model="table"/>
<g:ui_reference name="template" id="template" table="sys_template"    completer="AJAXTableCompleter" ng-model="template"/>
    <input type="button"  onclick="onSubmit()" value="Submit"></input>
        </form>
    </body>
</html>

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect  ||  ✨ 10x ServiceNow MVP  ||  ✨ ServiceNow Community Leader