Javascript Switch Case 在社交引擎中不起作用

Question

我觉得问这个愚蠢的问题有点尴尬，但不知何故，下面的代码不起作用。值（床，房间，地板）被正确获取，但开关柜不起作用。但开关柜代码的相同 sn-p 在 jsfiddle 中运行良好。我确定我错过了一些愚蠢的东西。我在社交引擎中使用它和 mootools启用

我还想知道如何获取 id=roomtype 且位于 class=form-elements 但 id=roomtype 不是 div class=form-elements 的直接子元素的 div 中的元素。 我可以通过$$('.form-elements #roomtype').get('value') 得到它，但这指的是所有带有#roomtype 的元素，这个$('.form-elements #roomtype').get('value') 不起作用

<script type="text/javascript">
var updatePrice=function()
{

 var room= $$('.form-elements #roomtype').get('value')  ;

// alert (room) gets AirCon or Dorm
var price;

switch (room)
  {
  case "AirCon":
    price="10000"; alert("AirCon");
    break;
  case 'Dorm':
    price="5000"; alert("Dorm");
    break;
  default:
    price="00";
  }


}

 en4.core.runonce.add(updatePrice);// this add this function to DOM Ready
    </script>

Answer 1

#1

ID 必须是唯一的。

在 MooTools 中，您可以通过 $('roomtype') 获取 ID 为 roomtype 的元素。

您也可以使用document.id('roomtype') 甚至$$('#roomtype')。
由于 ID 必须是唯一的，因此它与该元素的父元素无关，因为只有一个。

#2

注意$ 和$$ 是不同的element methods in mootools。 $$ 接受一个 CSS 选择器并返回一个集合/数组。

$$('#roomtype').get('value'); // returns ['the value']
$('roomtype').get('value'); // return 'the value'

#3

我看到的另一个问题是您在updatePrice() 函数的范围内定义价格，所以在开关内执行price = 5000 无论如何都不会离开函数的范围。您可能希望在函数外部定义 var price，或者让函数返回该值：

    // ...
    switch (room) {
        case "AirCon":
            price = "10000";
            alert("AirCon");
            break;
        case 'Dorm':
            price = "5000";
            alert("Dorm");
            break;
        default:
            price = "00";
    }
    return price; // here
}

如果你用 HTML 更新你的小提琴，它会更容易为你提供更多帮助。

_{P.s：随时欢迎您提出问题。不用觉得尴尬。}