Javascript 基于输入选择For循环中的对象

我想根据先前选择的选项的值填充选择选项

            <label for="state" class="block">State:*</label>
            <select name="state" id="state" tabindex="1">
                <option value="Arizona">Arizona</option>
                <option value="Arkansas">Arkansas</option>
                <option value="Colorado">Colorado</option>
            </select>

            <label for="location" class="block">Preferred Location:*</label>
            <select name="location" id="location" tabindex="2">
                <option value=""></option>
            </select>

有没有办法根据另一个选择框告诉它要使用哪个对象

谢谢

使用嵌套对象：

var locations = {
    Arizona: {
        0 : 'Select Location',
        3 : 'Phoenix (Chandler)',
        4 : 'Scottsdale',
        5 : 'Tuscon'
    },
    Arkansas: {
        2 : 'Little Rock'
    },
    Colorado: {
        6 : 'Colorado Springs'
    }
};

var myobject = locations[chosen];
for(index in myobject) {
    Location.options.push(new Option(myobject[index], index));
}

---

比如说，我想创建一个无序列表，而不是创建选择选项。那可能吗？当然可以。你组织数据的方式与你如何处理这些值无关。你介意告诉我怎么做吗？我是个初学者。我不想使用select选项创建类似位置名的内容，我建议您阅读Javascript文本，了解如何向DOM添加元素。然后自己试一下，如果你有问题，就发一个新问题。我主要使用jQuery来处理这类内容，我不能用简单的Javascript快速编写答案。

var locations = {
    Arizona: {
        0 : 'Select Location',
        3 : 'Phoenix (Chandler)',
        4 : 'Scottsdale',
        5 : 'Tuscon'
    },
    Arkansas: {
        2 : 'Little Rock'
    },
    Colorado: {
        6 : 'Colorado Springs'
    }
};

var myobject = locations[chosen];
for(index in myobject) {
    Location.options.push(new Option(myobject[index], index));
}