Access element of Mootools array

Question

I'm using a bit of Mootools to access the values of an HTML select element but the thing is that the way to do it with Mootools [.getSelected()] returns an array and I don't know how to handle it.

my code :

<script type="text/javascript">
  window.addEvent('domready', function(){
    $('votconj').addEvent('click', function() {
      // This works great 
      $('jj_conjoint').addClass("validate['required']");
      $('mm_conjoint').addClass("validate['required']");
      $('aaaa_conjoint').addClass("validate['required']");
      $('conjoint_regime').addClass("validate['required']");
      new FormCheck('form');
    });
    if ($('nb_children').getSelected() == 1){
     // this doesn't work because .getSelected() returns an array and never equals 1
     $('jj_enfant1').addClass("validate['required']");
     $('mm_enfant1').addClass("validate['required']");
     $('aaaa_enfant1').addClass("validate['required']");
     new FormCheck('form');
    }
    if ($('nb_children').getSelected() == 2){
     // this doesn't work because .getSelected() returns an array and never equals 2 
     $('jj_enfant2').addClass("validate['required']");
     $('mm_enfant2').addClass("validate['required']");
     $('aaaa_enfant2').addClass("validate['required']");
     new FormCheck('form');   
    }

    new FormCheck('form');
}); 

</script>

jtbandes · Accepted Answer · 2011-08-22 09:15:36Z

1

getSelected() returns an array because some select elements allow multiple selection. If yours doesn't, you could just try $('nb_children').getSelected()[0]. To get the value you can use $('nb_children').getSelected()[0].get("value").

edited Aug 22, 2011 at 9:15

answered Aug 22, 2011 at 8:52

jtbandes

119k38 gold badges245 silver badges284 bronze badges

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

1 Comment

Bruno Over a year ago

Thanks for your answer but it doesn't work. I've updated my post to put a more comprehensive part of my code.

Luwe · Accepted Answer · 2011-08-22 09:16:38Z

0

You can use .each to traverse an array in MooTools:

var selected = $('nb_children').getSelected();

selected.each(function(element) {
  var val = element.get('value');

  $('jj_enfant' + val).addClass("validate['required']");
  //etc
}

new FormCheck('form');

For more info: http://mootools.net/docs/core/Types/Array#Array:each

The reason why getSelected() returns an array at all times, is that code like this can always be reused when you decide to add multiple selectable items instead of just one.

Edit

Note that the above code is directly written. Might need some tweaking to get it working for your case.

Edit 2

Updated code to a more comprehensive example.

edited Aug 22, 2011 at 9:16

answered Aug 22, 2011 at 9:09

Luwe

3,0301 gold badge22 silver badges23 bronze badges

Comments

stecb · Accepted Answer · 2011-08-22 08:56:09Z

0

You want to check the value of the selected item, right?

Try with:

if ($('nb_children').getSelected().get('value') == 1){//...

answered Aug 22, 2011 at 8:56

stecb

14.8k3 gold badges55 silver badges69 bronze badges

1 Comment

Bruno Over a year ago

Thanks for your answer but it doesn't work. I've updated my post to put a more comprehensive part of my code.

Collectives™ on Stack Overflow

Access element of Mootools array

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related