function changeFangshi(type) { var fangshi = document.getElementById("fangshi"); 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")); } }改写代码
时间: 2024-04-28 15:20:39 浏览: 45
function changeFangshi(type) {
var fangshi = document.getElementById("fangshi");
fangshi.innerHTML = ""; // clear all options
if(type == -1) {
fangshi.add(new Option("请选择", "-1"));
} else if(type == 0) {
fangshi.add(new Option("请选择", "-1"));
fangshi.add(new Option("自建", "0"));
fangshi.add(new Option("投资", "1"));
fangshi.add(new Option("出租", "2"));
} else if(type == 1) {
fangshi.add(new Option("请选择", "-1"));
fangshi.add(new Option("报废", "0"));
fangshi.add(new Option("变卖", "1"));
}
}
相关问题
<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没反应怎么回事
这段代码中可能存在以下几个问题:
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` 元素的选项。如果仍然没有反应,可以在浏览器的控制台查看是否有报错信息。
function changeFangshi(type) { var fangshi = document.getElementById("fangshi"); 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")); } }
这是一个 JavaScript 函数,它接受一个参数type作为输入。
函数的主要功能是根据type参数的值,动态地改变一个名为fangshi的下拉菜单(select element)中的选项内容。首先,通过document.getElementById()方法获取了这个下拉菜单的元素对象,并将其赋值给了一个名为fangshi的变量。
接下来,根据type参数的值进行不同的操作。当type等于-1时,清空下拉菜单中的所有选项,并添加一个名为“请选择”的选项,其值为-1。当type等于0时,也清空下拉菜单中的所有选项,并添加一个“请选择”选项和三个值分别为0、1、2的选项,分别代表“自建”、“投资”和“出租”。当type等于1时,同样清空下拉菜单中的所有选项,并添加一个“请选择”选项和两个值分别为0和1的选项,分别代表“报废”和“变卖”。
最后,函数结束并返回。
阅读全文