javascript - 如何使用 jQuery 和 HTML select 元素访问对象？

Question

我有这样的结构:

var data = {
    'horizontal':{
         'static':[1,3,5,7,9],
         'dynamic':[2,4,6,8]
    },
    'vertical':{
         'static':[1,3,5,7,9],
         'dynamic':[2,4,6,8]
    }
};

我有这个 HTML 对象:

Direction:
<select id="direction">
    <option value="horizontal">Horizontal</option>
    <option value="vertictal">Vertictal</option>
</select>

Type:
<select id="mytype">
    <option value="static">Static</option>
    <option value="dynamic">Dynamic</option>
</select>

我可以像这样访问 data.horizo​​ntal.static[2] 吗？

var result = data.[ $('#direction').val() ].[ $('#mytype').val() ][2];

有什么办法吗？

Answer 1

你的语法很接近....你需要:

var result = data[ $('#direction').val() ][ $('#mytype').val() ][2];

注意(方括号之间没有句点)