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>

在所需的选择标记内，插入select标记属性“on change”下的方法提供方法名称。

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

这样做会在用户更改选择时调用alertUser（）方法。您需要编写一个if语句来确定何时选择了所需的选项。您可以编写一个处理多个case的函数，并通过使用参数来加速脚本编写，以提高代码的可用性。

检查产品是否已被选中，然后提醒用户

1 个答案: