Javascript和DOM混淆了吗？

Question

我正在尝试创建一个简单的网络应用程序但我的导师告诉我我不能使用jQuery或数据库（他实际上说的是他希望我单独使用Javascript并在源代码中包含内容）。

我很困惑JS单独如何影响DOM，它可以在html中添加/修改元素而不刷新（如ajax）吗？

以下是示例：

我需要创建一个以<select>元素开头的表单：

<select id="Company">
    <option>Toyota</option>
    <option>Honda</option>
    <option>suzuki</option>
</select>

当选择对象'Toyota'时，需要显示新的<select>元素。

<select id="Model">
    <option>Yaris</option>
    <option>Corolla</option>
    <option>Rukus</option>
</select>

最后选择'Rukus'时，必须显示大量信息。

<div id="rukus">html</div>

提前感谢帮助。

Answer 1

因此，您应该为与文本

相关的每个选项分配一个值

<option value="car">car<option>

在select标签中还指定on change属性和函数名称。然后使用get by id来获取所选项的值。

至于创建一个新的select标签，我建议使用不同的div并再次按id选择元素。并使用.innerHtml属性编写包含select标记的字符串

document.getElementById('elem id').innerHtml = "<select> ... </select>";

Answer 2

您可以使用JS的onchange事件来调用JS函数，请参阅this thread上的示例。 在JS函数中，您可以通过@slebetman到mozilla源的链接扩展访问DOM的列表。