채택완료

콤보박스 변경시 div나 span 값도 실시간으로 변경할 수 있을까요? ㅠㅜ.

2016-08-27 (토) 01:54:27 5,214

쇼핑몰에서 콤보박스 옵션을 변경하면 실시간으로 값이 바뀌잖아요~
그걸 어떻게 하는지 로직이 머리에 안떠오릅니다. ㅠㅜ.
보통은 어떻게 처리하나요?


<span id ="money">10000원</span>

<select name="comboMoney" id="comboMoney" onchange="change(this.selectedIndex)">
<option value="20000'">10000원</option>
<option value="20000'">20000원</option>
<option value="20000'">30000원</option>
</select>


<script>
function change(selectedIndex)
{
}
</script> 

|

답변 3개

채택된 답변
+20 포인트
2016-08-27 (토) 10:59:15

계산값을 바꾸고 싶으신건가요?

아니면 단순히 셀렉트 박스에서 특정 div 나 span 을 컨트롤 하고 싶으신건가요?

전자라면 input 으로 만들어 셀렉트시 값을 추가하면되고

<option value="20000'" onclick="document.getElementById('인풋아이디').value='값';">10000원</option>

후자라면 onclick 으로 css 를 변경해서 컨트롤 하면됩니다.

<option value="20000'" onclick="changespan();">10000원</option>

<span id ="money">10000원</span>

<script>
function changespan()
{

$('#money).css('display','none'); // 감춤

$('#money.addClass('추가할클래스명'); // 클래스 추가하여 컨트롤
}
</script>  

2016-08-27 (토) 20:12:52

모두 감사합니다. 많은 도움이 되었습니다~ 

2016-08-27 (토) 20:08:46

jquery ajax 를 사용해서 많이 적용 합니다. 

답변을 작성하려면 로그인이 필요합니다.