访问 Mootools 数组的元素

Question

我正在使用一些 Mootools 来访问 HTML select 元素的值，但问题是使用 Mootools [.getSelected()] 执行此操作的方法返回一个数组，我不知道如何处理它。

我的代码：

<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>

Answer 1

getSelected() 返回一个数组，因为某些 select 元素允许多重选择。如果您的没有，您可以尝试 $('nb_children').getSelected()[0]。要获取值，您可以使用 $('nb_children').getSelected()[0].get("value")。

Answer 2

您可以使用 .each 在 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');

有关详细信息：http://mootools.net/docs/core/Types/Array#Array:each

getSelected() 始终返回数组的原因是代码像这样总是可以重复使用的时候您决定添加多个可选项目而不是仅添加一个。

编辑

注意，上面的代码是直接写的。可能需要一些调整才能使其适合您的情况。

编辑 2

将代码更新为更全面的示例。

Answer 3

您想检查所选项目的值，对吗？

尝试使用：

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