주문 양식 (html/javascript)

Question

에 대한 가격을 즉시 업데이트하는 방법 그래서 내가해야 할 일은 내 양식을 즉시 가격을 업데이트하도록 만드는 것입니다. 교수가 제공 한 검사기는 검사 버튼을 클릭 할 때 검사를합니다. 자동으로 빈칸을 채우고 가격과 크기 (한 크기 만)를 선택합니다.

이

<select name='shirts' size='2' onchange='calculateItemPrice()'> 
    <option value='Shirts Size'> Shirt Size</option> 
    <option value='Small'>Small Shirt</option> 
    <option value='Medium'>Medium shirt</option> 
    <option value='Large'>Large shirt</option> 
    <option value='xLarge'>xLarge shirt</option> 
</select> 

이를 heres 문제 : 여기

는 XHTML이다 나는 작은 크기를 확인 클릭하면 유효성 검사기를 사용하여, 그것은 양식에 모든 공백을 채우고 자동 작은 셔츠를 선택 ...하지만 가격이 업데이트되지 않습니다. 그러나, 내가 다른 웹 사이트 (체크 중간/큰/xLarge 체크)의 다른 버튼을 클릭하면 모든 것을 채우고 적절한 크기를 선택하고 가격을 업데이 트합니다. 내 문제는 Small 크기 인 것 같습니다.

이제 사용자가 수동으로 크기를 선택하면 계산 기능이 작동합니다 (prof가 제공).

HTML 또는 자바 스크립트에서 선택 기능을 사용하여 코드를 작성해야할지 모르겠다. (누군가가 내 문제를 해결했지만 질문이 삭제되어 이전에 여기에 질문을 한 적이있다. 내가 실수를 한 경우 '는 t)는 알고

function validatefield05(errMessages) 
{ 

    if(document.sizes.shirts.selectedIndex ==0)   
     { 
     errMessages +="<li class='b1'>You must Select a Size</li>\n"; 
     } 

    if(!document.sizes.shirts.value)  
     { 
     errMessages +="<li class='b1'>You must Select a Size</li>\n"; 
     } 
    return errMessages; 
} 

가 나는 2 등 만들기 == 0 장난 시도했지만 그 옵션 중 하나를 선택 할 수 없다는 초래할 것이다.

모든 아이디어 및/또는 제안을 매우 높이 평가할 것입니다.

이 다음 주에 시험을 연습 할 수있는 단지 운동 할당되지

Answer 1

당신은 아마 기본 옵션을 추가 할 필요가 귀하의 코드가 onchange를 작동 :

<select name='sizes' size='2' onchange='calculateItemPrice()'> 
    <option value=""> Choose size </option> <========= 
    <option value='Shirts'> Shirt Size</option> 
    <option value='Small'>Small Shirt</option> 
    <option value='Medium'>Medium shirt</option> 
    <option value='Large'>Large shirt</option> 
    <option value='xLarge'>xLarge shirt</option> 
</select> 

을