0

私はフォームを持っています

<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/のようなものですが、送信時にこのアラートが表示され、変更を選択したいと考えています。助けてください！

4

1 に答える 1

3

アラートのメソッドを追加します。

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

目的の選択タグ内で、選択タグ属性「変更時」の下にメソッドを挿入し、メソッド名を指定します。

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

これにより、ユーザーが選択を変更したときに alertUser() メソッドが呼び出されます。目的のオプションがいつ選択されたかを判断するには、if ステートメントを記述する必要があります。複数のケースを処理する関数を記述し、引数を使用してスクリプトの記述を高速化してコードの使いやすさを向上させることができます。

于 2012-11-25T05:12:28.267 に答える