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 = '';
}

明信片上的答案。或者为了方便，如果你能看看这个小提琴 - ＆gt; http://jsfiddle.net/8Hy6S/

Answer 1

它是getElementById，而不是getElementByID：

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

<强> jsFiddle example

此外，在您的小提琴示例中，您正在窗口加载事件中加载代码，而不仅仅是文档的头部，这会添加一个范围问题。

Answer 2

在Javascript中，使用，

document.getElementById('wattage_input').value = ''

在Jquery中，使用，

$（'＃wattage_input'）。val（''）;

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

2 个答案: