将选项值设置为变量

Question

是否可以将选项选项的值设置为预定义变量，然后使用其方法？下面是一个例子：

<select class='hidden' id='teamChoice' onchange='chooseTeam()'> 
<option value="" selected>What team</option> 
    <option value='bostonCeltics'>Boston Celtics</option> 
</select> 


var bostonCeltics = { 
    conferencePA: "5=Conference=Eastern", 
    divisionPA: "5=Division=Atlantic" 
} 

function chooseTeam() { 
    switch ($('teamChoice').selectedIndex) { 
     case 0: 
      break; 
     case 1: 
      $('PAType=Name=Value3').innerHTML = this.conferencePA; 
      break; 
    } 
} 

理想情况下，选择标题凯尔特人的选项，我可以使用一个方法来访问可变对象波士顿凯尔特人的不同特性。这可能吗？

Answer 1

我不是Mootools的用户，但我想我明白你在做什么，并且相信我可以指引你朝着正确的方向前进。

在Javascript中，您可以访问任何对象属性目录，或者使用数组表示法。换句话说，由于foo = { bar: 1, baz: 2 }，以下是等价的：

console.log(foo.bar);  // prints 1 
console.log(foo["bar"]); // prints 1 
var s = "bar"; 
console.log(foo[s]);  // prints 1 

事情变得棘手，因为你定义bostonCeltics为var，这意味着它并不一定是任何对象的属性。您仍然可以完成你想要的与eval，虽然使用的eval气馁：

var s = "bostonCeltics"; 
console.log(eval(s + ".conferencePA")); // prints "5=Conference=Eastern" 

就个人而言，我会提出bostonCeltics到父对象，并使用数组符号来访问它的属性，那么你想要什么要做的事很简单。即：

var teams = { 
    bostonCeltics = { 
     conferencePA: "5=Conference=Eastern", 
     divisionPA: "5=Division=Atlantic" 
    }  
    // more teams go here 
} 

function chooseTeam() { 
    var tc = $('teamChoice'); 
    var val = tc[tc.selectedIndex].value; 
    console.log(teams[val].conferencePA); // prints "5=Conference=Eastern" 
} 

下面是这个动作一的jsfiddle：http://jsfiddle.net/sQvBZ/

我希望这获取到什么你问的心脏。