檢查是否已經選擇了產品，那麼警報用戶

Question

我有一個表格

<form action="" method="POST"> 
    Quantity1: <input type="text" name="quantity1" id="quantity1"> 
    Product1: <select name="product1" id="product1"><option value="1">Product 1</option><option value="2">Product 2</option> ... <option value="15">Product 15</option></select> 
    Price1: <input type="text" name="price1" id="price1"> 
    Quantity2: <input type="text" name="quantity2" id="quantity2"> 
    Product2: <select name="product1" id="product2"><option value="1">Product 1</option><option value="2">Product 2</option> ... <option value="15">Product 15</option></select> 
    Price2: <input type="text" name="price2" id="price2"> 
    . 
    . 
    . 
    Quantity15: <input type="text" name="quantity15" id="quantity15"> 
    Product15: <select name="product15" id="product15"><option value="1">Product 1</option><option value="2">Product 2</option> ... <option value="15">Product 15</option></select> 
    Price15: <input type="text" name="price15" id="price15"> 
    <input type="submit" value="submit"> 
</form> 

我想如果產品已被選中，然後提醒，這是選擇的用戶進行檢查。 它應該是這樣的，因爲我想

$('select[id^="product"]').change(function() { 
    //empty array 
    var selected_values = array(); 
    //check value if it is in array then alert 
    if ($(this).val() IS IN ARRAY) { 
     var product = $(this).text(); 
     alert("you have already select this"+product); 
    } else { 
     // else save it in array 
     selected_values[] = $(this).val(); 
    } 
} 

像這樣的事情http://jsfiddle.net/GKTYE/但在這提醒我提出想上選擇更改。請幫忙！

Answer 1

添加警報的方法。

<script type="text/javascript"> 
    alertUser (productName, productSize) { 
     // some method body 
alert("You have selected a product: " + productName + "\r\nSize: " + productSize); 
     } 
    </script> 

在所需的選擇標籤內插入選擇標籤屬性「on change」下的方法提供方法名稱。

<select name="product1" id="product1" onchange="alertUser('product1', 'Large')"> 

這將做什麼是當用戶更改選擇時調用alertUser（）方法。您需要編寫一個if語句來確定何時選擇了所需的選項。您可以編寫一個處理多個案例的函數，並通過使用參數來提高腳本編寫速度，從而提高代碼的可用性。