<script type="text/javascript"> function changeFangshi(type) { var fangshi = document.getElementById("fangshi"); var type = docment.getElementById("leixing"); if(type==-1) { document.all.fangshi.options.length = 0; fangshi.options.add(new Option("请选择", "-1")); } else if(type==0) { document.all.fangshi.options.length = 0; fangshi.options.add(new Option("请选择", "-1")); fangshi.options.add(new Option("自建", "0")); fangshi.options.add(new Option("投资", "1")); fangshi.options.add(new Option("出租", "2")); } else if(type==1) { document.all.fangshi.options.length = 0; fangshi.options.add(new Option("请选择", "-1")); fangshi.options.add(new Option("报废", "0")); fangshi.options.add(new Option("变卖", "1")); } } </script>执行此script代码,html没反应怎么回事
时间: 2024-02-29 21:51:11 浏览: 45
这段代码中可能存在以下几个问题:
1. `docment` 不存在,应该是 `document`。
2. `type` 是函数参数,应该直接使用,而不是重新定义一个同名的变量。
3. `document.all.fangshi` 是一种过时的写法,应该直接使用 `fangshi` 对象。
修改后的代码如下:
```
<script type="text/javascript">
function changeFangshi(type) {
var fangshi = document.getElementById("fangshi");
if(type == -1) {
fangshi.options.length = 0;
fangshi.options.add(new Option("请选择", "-1"));
} else if(type == 0) {
fangshi.options.length = 0;
fangshi.options.add(new Option("请选择", "-1"));
fangshi.options.add(new Option("自建", "0"));
fangshi.options.add(new Option("投资", "1"));
fangshi.options.add(new Option("出租", "2"));
} else if(type == 1) {
fangshi.options.length = 0;
fangshi.options.add(new Option("请选择", "-1"));
fangshi.options.add(new Option("报废", "0"));
fangshi.options.add(new Option("变卖", "1"));
}
}
</script>
```
另外,需要在 HTML 中定义一个 `select` 元素,并设置其 `id` 为 `fangshi`,同时定义一个 `select` 元素,并设置其 `id` 为 `leixing`,并且在 `leixing` 元素中注册 `onchange` 事件,如下所示:
```
<select id="leixing" onchange="changeFangshi(this.value)">
<option value="-1">请选择类型</option>
<option value="0">类型1</option>
<option value="1">类型2</option>
</select>
<select id="fangshi">
<option value="-1">请先选择类型</option>
</select>
```
这样,当 `leixing` 元素的值发生变化时,会触发 `changeFangshi` 函数,并根据选择的值动态修改 `fangshi` 元素的选项。如果仍然没有反应,可以在浏览器的控制台查看是否有报错信息。
阅读全文