변경시 데이터 속성 값 표시

사용자가 선택한 노출 유형에 따라 노출을 선택한 다음 패키지를 클릭 할 수있는 선택 컨트롤러를 연결해야합니다. 내 문제는 이러한 패키지의 가격을 보여줍니다. 당신이 볼 수 있듯이변경시 데이터 속성 값 표시

<select id='mark' name='mark'> 
    <option value=''>--</option> 
    <option value='micro'>Micro Exposure</option> 
    <option value='mini'>Mini Exposure</option> 
</select> 
<select id='clicks' name='series'> 
    <option value=''>--</option> 
    <option value='clicks-2500' class='micro' data-price='4'>2500 Clicks</option> 
    <option value='clicks-5000' class='micro' data-price='7'>5000 Clicks</option> 
    <option value='clicks-10000' class='micro' data-price='13'>10000 Clicks</option> 
    <option value='clicks-500' class='mini' data-price='4'>500 Clicks</option> 
</select> 
<script> 
    $(function() { 
     $('.micro').change(function() { 
      $('#amountDiv').text($(this).data('price')); 
     }); 
    }); 

    $(function() { 
     $('.mini').change(function() { 
      $('#amountDiv').text($(this).data('price')); 
     }); 
    }); 
</script> 
<div id='amountDiv'></div>

, 내가 HTML5 데이터 속성을 가진 패키지의 가격을 저장하고있어,하지만 난 그게 #amountDiv에 표시 할 수 없습니다

은 현재 내가 이런 식으로 일을하려고하고

어떻게하는지에 대한 아이디어가 있으십니까?

출처

2013-06-09 oliverbj

의 onchange를 이벤트? 나는 가격 만 볼 수있다. –

죄송합니다, 잘못 작성했습니다. 내 질문을 "가격"으로 업데이트했습니다. (비록 내 문제를 해결하지 못했습니다) – oliverbj

모든 공백과 빈 줄 없이는 훨씬 쉽게 읽을 수 있습니다;) –

사용 데이터 속성 "pricepack"입니다 선택, :

$('#clicks').change(function() { 
    alert($(this).find('option:selected').data('price')); 
});

http://jsfiddle.net/JH7MA/

출처

2013-06-09 14:25:06

아 물론. 내 질문을 수정했습니다. 하지만 여전히 작동하지 않습니다. 변경시 아무런 변화가 없습니다. – oliverbj

옵션에는 onchange 이벤트가 없기 때문에 –

오를 선택하십시오. 그런 다음 어떻게 데이터 속성을 onchange로 표시 할 수 있습니까? – oliverbj

변경시 데이터 속성 값 표시

답변

관련 문제