简单的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>