자바 스크립트/jquery를 사용하여 가격 계산기 도움말 (드롭 다운 목록 옵션 추가)

Question

옵션을 추가하려고하면 가격 계산기에 문제가 있습니다.

var firstoption=$('select#myselect')

내가 옵션 값이 가격 값으로 설정되어 있지만 그것을 할 수없는 것 싶습니다 : 그것이 말하는 곳

가 난 할 노력하고있어 것은 (jsFiddle 여기 http://jsfiddle.net/wemdragon/ZG8m을 =) . 장바구니에서는 작동하지만 JavaScript에서는 작동하지 않습니다.

어쩌면 내가 잘못된 장소에 값을 추가하려고하는 것일 수 있습니다. 무엇이 잘못 될지 모릅니다.

Answer 1

당신의 선택 아이디는 적어도으로 낙타 였지만, #myselect에 액세스하려했습니다. 이것은 당신의 마크 업의 ID를 변경하지 않는 한 다음과 같이한다 : 나는 또한 당신이 옵션을 선택하지 않는 0의 디폴트 값을 지정 것으로 나타났습니다

var firstoption = $('select#mySelect'); 

. 어떤 이유로, !firstoption.val(), val()이 0 일 때 if 문이 예상하는 것처럼 true 대신 false를 반환합니다. ! 0은이 경우 분명히 사실입니다.

나는 당신의 마크 업을 일치하도록 로직을 변경하고 당신이 예상하거나 할 수도처럼 행동 듯 :

if (firstoption.val() == 0) { 
    error.html('Please include an option!'); 
    firstoption.focus(); 
} 

편집 업데이트 바이올린 : http://jsfiddle.net/ZG8mv/8/ 이제

초점() 처형은 틀린 순서로 표시됩니다. 즉, 너비가 이고 옵션이 지정되어 있지 않으면 그 상자는 포커스를받습니다. 이전에는 옵션 메시지가 다른 두 가지보다 우선합니다.