簡單的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>