简单的JavaScript突然不起作用

Question

更新：一页上有12个。 只有最后一个有效。 它们都有唯一的ID和为它们编写的独特功能。

由于某些原因，此简单功能在我的开发站点上有效，但在我的实时站点上无效。 这是一个wordpress安装，但它们应该完全相同。 我还没有编写其他功能。 有任何想法吗？ 我以为可能是某个插件正在停止它，但是经过测试后情况并非如此。 我不知道如何使用开发人员工具对javascript进行故障排除。

function quantChange() {
    d = document.getElementById("bwoo-quantity-187").value;
    document.getElementById("187").setAttribute('data-quantity',d);
}

正在使用输入

<select class='quantity' onchange='quantChange()' id='bwoo-quantity-187'>
    <option value=0>0</option>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
</select>

我要更改的项目：

<form action="/order-now/a-la-carte/?add-to-cart=187" class="cart-nonmealplan" method="post" enctype="multipart/form-data">
    <button type="submit" id="187" data-product_id="187" data-product_sku="" data-quantity="1" class="add_to_cart_button button product_type_simple">Add to cart</button>
</form>

Answer 1

ID不能包含数字作为第一个符号。 可能是其中的问题？ http://jsfiddle.net/3zJDt/4/参见工作示例。

的HTML

<select class='quantity' onchange='quantChange()' id='bwoo-quantity-187'>
    <option value=0>0</option>
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    <option value=5>5</option>
    <option value=6>6</option>
    <option value=7>7</option>
    <option value=8>8</option>
    <option value=9>9</option>
    <option value=10>10</option>
</select>

<form action="/order-now/a-la-carte/?add-to-cart=187" class="cart-nonmealplan" method="post" enctype="multipart/form-data">
    <button type="submit" id="p187" data-product_id="p187" data-product_sku="" data-quantity="1" class="add_to_cart_button button product_type_simple">Add to cart</button>
</form>

<script>
function quantChange() {
    var d = document.getElementById("bwoo-quantity-187").value;
    document.getElementById("p187").setAttribute('data-quantity',d);
}    
</script>