2012-11-25 2 views
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> 

나는 제품이 이미 다음이 선택하는 사용자에게 경고를 선택하면 확인 할 형태를 가지고있다. 내가이 http://jsfiddle.net/GKTYE/ 같은

$('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(); 
    } 
} 

뭔가를 생각하지만,에,이 경고는 내가 선택 변화되고 싶어 제출 그것은이 같은해야한다. 도와주세요!

+0

jQuery 코드를 게시하는 것을 잊었습니다 ... – elclanrs

+0

자바 스크립트 부분은 어디에 있습니까? – djakapm

+0

언제 사용자에게 알리고 싶습니까? 제출하기 전이나 후에 히트하기 전에? – Popnoodles

답변

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 문을 작성해야합니다. 여러 사례를 처리하는 함수를 작성하고 인수를 사용하여 스크립트 사용을 가속화하여 코드의 유용성을 높일 수 있습니다.

+0

다른 프로그래밍 언어로 작업했거나 프로그래밍을 처음 사용 했습니까 (HTML 제외)? – Matt

+0

예 자바 스크립트에서 PHP와 C++하지만 제로를 알고 있습니다. – Saleem

+0

달콤한 .Javascript는 약한 타입의 언어로 기본적으로 변수 유형을 선언 할 필요가 없습니다. 함수는 사용자 이벤트에 응답하여 호출됩니다. 기본적으로 사용자가 상호 작용하는 HTML 객체의 태그 안에 함수 이름을 배치하면됩니다. 이러한 상호 작용에는 "onclick", "onmouseover"등이 있습니다. 예를 들어, 사용자가 마우스를 div 위에 놓을 때 div를 변경하려면 다음과 같은 함수를 삽입하십시오. – Matt

관련 문제