OnChange事件不在选择框上工作

时间:2014-06-11 23:46:30

标签: javascript html forms onchange

以下代码会产生JavaScript错误: 未捕获的TypeError:undefined不是函数: 订单数量 平变化

据我所知,这个脚本应该可行。我已经搜索了这个问题,所有的sugestions都涉及重命名,所以它们没有冲突,但我已经确保我没有冲突的元素名称或ID。

这可能是一个印刷问题,但我找不到问题。请帮忙。

<script type="text/javascript">

function orderquantity(myvalue)
    {
        if (myvalue == "Custom") {
            document.getElementByID('cquant').style.display="inline-block";
        }else{
            document.getElementByID('cquant').style.display="none";
            document.getElementByID('customquant').value="";
        }
    }
</script>

<select name="quantity" id="quant" onchange="orderquantity(this.selectedIndex);">
    <option value="MatchLast" selected="selected">Same as Last Time</option>
    <option value="500">500</option>
    <option value="1000">1000</option>
    <option value="2500">2500</option>
    <option value="5000">5000</option>
    <option value="10000">10000</option>
    <option value="Custom">Custom Quantity</option>
</select>

<div id="cquant" style="display: none;">
    <input type="text" name="CustomAmount" id="customquant">
</div>

2 个答案:

答案 0 :(得分:1)

而不是this.selectedIndex使用this.value。另外: getElementByID 应该是代码中的getElementById

Example

答案 1 :(得分:0)

同意,这可能是你getElementByID的一个问题。你要找的是getElementById。

正如Nolutysses所说,你应该这样做。值得。但除了添加.innerHTML之外,你还可以继续使用你所拥有的东西。所以它就是this.selectedIndex.innerHTML。但是这个值更短,更容易理解