죽어도 value 값을 안가져와서 .. 왜 그런가 했더니
$(function() {
$("body").on("click", "#toCartBtn", function() {
if(! $("#colorBox option:selected").val() ){
alert("컬러를 선택하세요.");
return;
}
if(! $("#sizeBox option:selected").val() ){
alert("사이즈를 선택하세요.");
return;
}
});
});
<form name="form" method="post">
<select class="selectbox" id="colorBox">
<option value="">::컬러::</option>
<c:forEach var="dto" items="${colorList}" varStatus="status">
<option value="${dto.ccnum}">${dto.color}</option>
</c:forEach>
</select>
<select class="selectbox" id="sizeBox">
<option>::사이즈::</option>
</select><br>
<input type="text" class="amount" name="amount" value="1" onchange="change()">
<input type="button" value=" + " onclick="add();">
<input type="button" value=" - " onclick="del();"><br>
<div class = "total">
Total<br>
<input id="totalPrice" type="text" name="sum" size="11" readonly="readonly" value="${dto.price}">₩<br><br>
<input class="btn" id="buyBtn" type="text" value = "Buy Now" onclick="buyNow()">
<input class="btn" id="toCartBtn" type="text" value = "Add To Cart" onclick="addCart()">
</div>
<div class="detail-add">
<c:if test="${sessionScope.member.userId=='admin'}">
<button type="button" class="btn btn1" onclick="location.href='${pageContext.request.contextPath}/shop/garment-detail.do?num=${dto.cnum}&page=${page}';">색상/사이즈 관리</button>
</c:if>
</div>
</form>
제일 위에 있는 <option>::컬러::</option> 여기에 value="" 를 안쓰면 죽어도 안된다ㅠ
꼭 value="" 이렇게 해야 한다!!