javascript - 清除其他文本并在主选择更改上选择字段值

Question

我有一个下拉菜单可以更改表单上的主类别，这随后会显示和隐藏相关下拉菜单以输入有关该类别的数据。

当我更改选择时，这些下拉菜单将被隐藏，它们会保留其值，这些值随后会写入数据库。

我需要一些 JavaScript 来将所有字段重置为空值。

目前我正在尝试这个 html:

<select name="c_type" id="c_type" style="width:505px;" onchange="optionCheck();">
<option selected>--- Select a Product Type ---</option><option value="dimmer" >Dimmer</option><option value="LED_downlight" >LED Downlight</option><option value="LED_lamp" >LED Lamp</option><option value="socket" >Socket</option></select>

<div id="d_wattage" class = "typespec_option"><b>Wattage: &nbsp;&nbsp;</b><br><input name ="d_wattage" id="wattage_input"  value="0" onclick="this.value='';" ></input></div>

<div id="d_dimmable"><select name ="d_dimmable" style="width:400px" id="dimmable_input";><option value="" >--- Select Dimmable ---</option><option value="No" >No</option><option value="Yes" >Yes</option></select></div>

除了明显不正确的脚本之外:

function optionCheck()
{
document.getElementByID("wattage_input").value = '';
document.getElementByID("dimmable_input").value = '';
}

明信片上的答案。或者为了方便起见，如果您可以看看这个 fiddle -> http://jsfiddle.net/8Hy6S/

Answer 1

这是getElementById，而不是getElementByID:

function optionCheck() {
    document.getElementById("wattage_input").value = '';
    document.getElementById("dimmable_input").value = '';
}

<强> jsFiddle example

此外，在您的 fiddle 示例中，您在窗口加载事件中加载代码，而不是简单地加载文档的头部，这增加了范围界定问题。