Why it does not access to Javascript Function?

Question

I'm developing a web app in grails and I have my gsp, and my .js file, I want to check if when I change a value of my combobox I can access to the function, but nothing happens... these are my codes:

javascript [dynamic.js]:

function cmbFilters(){
alert("Hello");
}

GSP [numberJobs.gsp]:

<a>Filter by :</a> <g:select id="cmbFilterBy" name="cmbFilterBy"  
 onchange="cmbFilters()" from="${['None','Name', 'Owner', 'Description', 'Status', 
'Cron   Expression']}"></g:select>

and in my Application Resources.groovy i have this:

numberJobs{
    resource url:'css/custom.css'
    resource url:'js/dynamic.js'
}

Jeff Beck · Accepted Answer · 2014-03-12 19:00:04Z

3

g:select doesn't accept an onchange attribute, and the g:select tag will be replaced by HTML.

If you view source on the page you should not see the onchange set on the real html select.

What you can do is attach a listener to the change event for that select.

Example using jQuery

$('#cmbFilterBy').on( "change", function(){ cmbFilters() } );

Here is a simple fiddle.

edited Mar 12, 2014 at 19:00

answered Mar 11, 2014 at 19:35

Jeff Beck

3,9383 gold badges30 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Pablo Glez Over a year ago

Yes, it doesn't recognize it, but that jquery code dodn't work neither!

Pablo Glez Over a year ago

I just make an alert("Hi"); inside the function cmbFilters after created the listener and nothing happens

Jeff Beck Over a year ago

I updated the answer with a fiddle you can mess with.

Collectives™ on Stack Overflow

Why it does not access to Javascript Function?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related